@pixerate/editor 0.100.0 → 0.102.0

package/dist/vector/index.cjs

@@ -241,7 +241,50 @@ var _chunkMUUXNRU4cjs = require('../chunk-MUUXNRU4.cjs');
 
 
 
-var _chunkJF5PXN7Wcjs = require('../chunk-JF5PXN7W.cjs');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _chunkKANRAHTLcjs = require('../chunk-KANRAHTL.cjs');
 
 
 
@@ -322,36 +365,36 @@ var HANDLE_HIT = 6;
 var BAR_HIT = 5;
 var fmt = (n) => Math.round(n * 100) / 100;
 var apply = (m, p) => ({ x: m[0] * p.x + m[2] * p.y + m[4], y: m[1] * p.x + m[3] * p.y + m[5] });
-function vectorGradientTargetPath(doc, selection, target) {
+function vectorGradientTargetPath(doc, selection, target, layer = null) {
   for (const id of selection) {
-    const node = _chunkJF5PXN7Wcjs.findVectorNode.call(void 0, doc.nodes, id);
+    const node = _chunkKANRAHTLcjs.findVectorNode.call(void 0, doc.nodes, id);
     if (!node) continue;
-    const path = _chunkJF5PXN7Wcjs.collectPathNodes.call(void 0, node).find((p) => _chunkJF5PXN7Wcjs.isVectorGradient.call(void 0, p[target]));
+    const path = _chunkKANRAHTLcjs.collectPathNodes.call(void 0, node).find((p) => _chunkKANRAHTLcjs.isVectorGradient.call(void 0, _chunkKANRAHTLcjs.vectorTargetPaint.call(void 0, p, target, layer)));
     if (path) return path;
   }
   return null;
 }
-function getVectorGradientAnnotator(doc, selection, viewport, target) {
-  const path = vectorGradientTargetPath(doc, selection, target);
+function getVectorGradientAnnotator(doc, selection, viewport, target, layer = null) {
+  const path = vectorGradientTargetPath(doc, selection, target, layer);
   if (!path) return null;
-  const gradient = path[target];
-  const world = _nullishCoalesce(_chunkJF5PXN7Wcjs.vectorWorldMatrix.call(void 0, doc.nodes, path.id), () => ( _chunkDWGZUSEScjs.IDENTITY_MATRIX));
+  const gradient = _chunkKANRAHTLcjs.vectorTargetPaint.call(void 0, path, target, layer);
+  const world = _nullishCoalesce(_chunkKANRAHTLcjs.vectorWorldMatrix.call(void 0, doc.nodes, path.id), () => ( _chunkDWGZUSEScjs.IDENTITY_MATRIX));
   const screen = _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, world, [viewport.zoom, 0, 0, viewport.zoom, viewport.x, viewport.y]);
-  const bounds = _chunkJF5PXN7Wcjs.vectorPathLocalBounds.call(void 0, path);
-  const h = _chunkJF5PXN7Wcjs.vectorGradientHandles.call(void 0, gradient, bounds, screen);
+  const bounds = _chunkKANRAHTLcjs.vectorPathLocalBounds.call(void 0, path);
+  const h = _chunkKANRAHTLcjs.vectorGradientHandles.call(void 0, gradient, bounds, screen);
   const v = { x: h.end.x - h.start.x, y: h.end.y - h.start.y };
   const len = Math.hypot(v.x, v.y);
   const normal = len > 1e-9 ? { x: -v.y / len, y: v.x / len } : { x: 0, y: 1 };
   const at = (t, gap) => ({ x: h.start.x + v.x * t + normal.x * gap, y: h.start.y + v.y * t + normal.y * gap });
-  const sorted = _chunkJF5PXN7Wcjs.sortedVectorGradientStops.call(void 0, gradient);
+  const sorted = _chunkKANRAHTLcjs.sortedVectorGradientStops.call(void 0, gradient);
   const stops = sorted.map((s, index) => ({ ...s, index, ...at(s.offset, VECTOR_GRADIENT_STOP_GAP) }));
   const midpoints = sorted.slice(0, -1).flatMap((s, index) => {
-    const pos = _chunkJF5PXN7Wcjs.vectorGradientMidpointPosition.call(void 0, sorted, index);
+    const pos = _chunkKANRAHTLcjs.vectorGradientMidpointPosition.call(void 0, sorted, index);
     return pos === null || sorted[index + 1].offset - s.offset < 1e-6 ? [] : [{ index, midpoint: _nullishCoalesce(s.midpoint, () => ( 0.5)), ...at(pos, -VECTOR_GRADIENT_MIDPOINT_GAP) }];
   });
   let extent = null;
-  if (_chunkJF5PXN7Wcjs.isCentredVectorGradient.call(void 0, gradient.type)) {
-    const frame = _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _chunkJF5PXN7Wcjs.vectorGradientMatrix.call(void 0, gradient, bounds), screen);
+  if (_chunkKANRAHTLcjs.isCentredVectorGradient.call(void 0, gradient.type)) {
+    const frame = _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _chunkKANRAHTLcjs.vectorGradientMatrix.call(void 0, gradient, bounds), screen);
     const pts = gradient.type === "diamond" ? [{ x: 1, y: 0 }, { x: 0, y: 1 }, { x: -1, y: 0 }, { x: 0, y: -1 }] : Array.from({ length: 48 }, (_, k) => ({ x: Math.cos(k * Math.PI / 24), y: Math.sin(k * Math.PI / 24) }));
     extent = `M${pts.map((p) => apply(frame, p)).map((p) => `${fmt(p.x)} ${fmt(p.y)}`).join("L")}Z`;
   }
@@ -368,7 +411,7 @@ function hitVectorGradientAnnotator(a, p) {
   const near2 = (q, r) => !!q && Math.hypot(q.x - p.x, q.y - p.y) <= r;
   for (let i = a.stops.length - 1; i >= 0; i--) if (near2(a.stops[i], STOP_HIT)) return { kind: "stop", index: a.stops[i].index };
   for (const m of a.midpoints) if (near2(m, MIDPOINT_HIT)) return { kind: "midpoint", index: m.index };
-  const centred = _chunkJF5PXN7Wcjs.isCentredVectorGradient.call(void 0, a.gradient.type);
+  const centred = _chunkKANRAHTLcjs.isCentredVectorGradient.call(void 0, a.gradient.type);
   if (near2(a.end, HANDLE_HIT)) return { kind: "handle", handle: centred ? "radius" : "end" };
   if (a.focal && near2(a.focal, HANDLE_HIT) && !near2(a.start, 1)) return { kind: "handle", handle: "focal" };
   if (near2(a.start, HANDLE_HIT)) return { kind: "handle", handle: "start" };
@@ -404,8 +447,8 @@ function paintColors(p) {
   return [];
 }
 function vectorBlendColorDistance(a, b) {
-  const pa = _chunkJF5PXN7Wcjs.collectPathNodes.call(void 0, a)[0];
-  const pb = _chunkJF5PXN7Wcjs.collectPathNodes.call(void 0, b)[0];
+  const pa = _chunkKANRAHTLcjs.collectPathNodes.call(void 0, a)[0];
+  const pb = _chunkKANRAHTLcjs.collectPathNodes.call(void 0, b)[0];
   if (!pa || !pb) return 0;
   let d = 0;
   for (const key of ["fill", "stroke"]) {
@@ -423,7 +466,7 @@ function vectorBlendColorDistance(a, b) {
   return d;
 }
 var centreOf = (n) => {
-  const b = _chunkJF5PXN7Wcjs.vectorNodeBounds.call(void 0, n);
+  const b = _chunkKANRAHTLcjs.vectorNodeBounds.call(void 0, n);
   return b ? [b.x + b.width / 2, b.y + b.height / 2] : [0, 0];
 };
 function vectorBlendStepCount(a, b, options, length) {
@@ -435,8 +478,8 @@ function vectorBlendStepCount(a, b, options, length) {
   if (o.spacing === "smoothColor") {
     const cd = vectorBlendColorDistance(a, b);
     if (cd > 1 / 255) return Math.min(VECTOR_BLEND_MAX_SMOOTH_STEPS, Math.max(1, Math.ceil(cd * 255 / 2)));
-    const ba = _chunkJF5PXN7Wcjs.vectorNodeBounds.call(void 0, a);
-    const bb = _chunkJF5PXN7Wcjs.vectorNodeBounds.call(void 0, b);
+    const ba = _chunkKANRAHTLcjs.vectorNodeBounds.call(void 0, a);
+    const bb = _chunkKANRAHTLcjs.vectorNodeBounds.call(void 0, b);
     const dist3 = ba && bb ? Math.max(Math.abs(ba.x - bb.x), Math.abs(ba.y - bb.y), Math.abs(ba.x + ba.width - bb.x - bb.width), Math.abs(ba.y + ba.height - bb.y - bb.height)) : length;
     return Math.min(VECTOR_BLEND_MAX_SMOOTH_STEPS, Math.max(1, Math.ceil(dist3 / 2)));
   }
@@ -451,9 +494,9 @@ function vectorBlendRail(sp) {
     pts.push(p);
     angles.push(Math.atan2(tangent[1], tangent[0]));
   };
-  const count = _chunkJF5PXN7Wcjs.subpathSegmentCount.call(void 0, sp);
+  const count = _chunkKANRAHTLcjs.subpathSegmentCount.call(void 0, sp);
   for (let i = 0; i < count; i++) {
-    const seg = _chunkJF5PXN7Wcjs.subpathSegment.call(void 0, sp, i);
+    const seg = _chunkKANRAHTLcjs.subpathSegment.call(void 0, sp, i);
     const samples = seg.length === 2 ? 1 : 32;
     if (i === 0) push(seg[0], _chunkXGD3FSNCcjs.segmentTangent.call(void 0, seg, 0));
     for (let k = 1; k <= samples; k++) push(_chunkXGD3FSNCcjs.segmentPoint.call(void 0, seg, k / samples), _chunkXGD3FSNCcjs.segmentTangent.call(void 0, seg, k / samples));
@@ -511,7 +554,7 @@ function morphFor(a, b, blend) {
   let byKey = inner.get(b);
   if (!byKey) inner.set(b, byKey = /* @__PURE__ */ new Map());
   let morph = byKey.get(key);
-  if (!morph) byKey.set(key, morph = _chunkJF5PXN7Wcjs.createVectorMorph.call(void 0, a, b, { linear: blend.linear, starts }));
+  if (!morph) byKey.set(key, morph = _chunkKANRAHTLcjs.createVectorMorph.call(void 0, a, b, { linear: blend.linear, starts }));
   return morph;
 }
 var wrapAngle = (a) => Math.atan2(Math.sin(a), Math.cos(a));
@@ -553,7 +596,7 @@ function generateVectorBlendChildren(group) {
             m = _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, m, _chunkDWGZUSEScjs.rotateMatrix.call(void 0, turn * 180 / Math.PI, origin));
           }
         }
-        if (m !== _chunkDWGZUSEScjs.IDENTITY_MATRIX) step = _chunkJF5PXN7Wcjs.transformVectorNode.call(void 0, step, m);
+        if (m !== _chunkDWGZUSEScjs.IDENTITY_MATRIX) step = _chunkKANRAHTLcjs.transformVectorNode.call(void 0, step, m);
       }
       out.push(asStep(step, `${group.id}~${++counter}`));
     }
@@ -600,13 +643,13 @@ function expandVectorBlend(group, newId) {
   return { ...rest, children: group.children.map((c) => c.blendStep ? plain(c, newId) : c) };
 }
 function releaseVectorBlend(group, newId) {
-  const m = _chunkJF5PXN7Wcjs.nodeMatrix.call(void 0, group);
+  const m = _chunkKANRAHTLcjs.nodeMatrix.call(void 0, group);
   const opacity = group.opacity;
-  const keys = vectorBlendKeys(group).map((c) => group.transform ? _chunkJF5PXN7Wcjs.transformVectorNode.call(void 0, c, m) : c).map((c) => opacity !== void 0 && opacity < 1 ? { ...c, opacity: (_nullishCoalesce(c.opacity, () => ( 1))) * opacity } : c);
+  const keys = vectorBlendKeys(group).map((c) => group.transform ? _chunkKANRAHTLcjs.transformVectorNode.call(void 0, c, m) : c).map((c) => opacity !== void 0 && opacity < 1 ? { ...c, opacity: (_nullishCoalesce(c.opacity, () => ( 1))) * opacity } : c);
   const spine = _optionalChain([group, 'access', _13 => _13.blend, 'optionalAccess', _14 => _14.spine]);
   if (!spine || spine.anchors.length < 2) return keys;
   const path = { id: newId(), type: "path", name: "Spine", fill: null, stroke: null, subpaths: [{ closed: spine.closed, anchors: spine.anchors.map((a) => ({ ...a })) }] };
-  return [...keys, group.transform ? _chunkJF5PXN7Wcjs.transformVectorNode.call(void 0, path, m) : path];
+  return [...keys, group.transform ? _chunkKANRAHTLcjs.transformVectorNode.call(void 0, path, m) : path];
 }
 
 // src/vector/distort.ts
@@ -666,13 +709,13 @@ function mapEffects(node, f) {
   return node.effects.map((e) => {
     if (e.type !== "envelope") return e;
     if (e.params.style === "mesh") return e.params.mesh ? { ...e, params: { ...e.params, mesh: _chunkDWGZUSEScjs.mapWarpMeshPoints.call(void 0, e.params.mesh, f) } } : e;
-    const bounds = _chunkJF5PXN7Wcjs.vectorEffectInputBounds.call(void 0, node, e.id);
-    if (!bounds || !_chunkJF5PXN7Wcjs.vectorEnvelopeMap.call(void 0, e.params, bounds)) return e;
-    return { ...e, params: { ...e.params, style: "mesh", mesh: _chunkDWGZUSEScjs.mapWarpMeshPoints.call(void 0, _chunkJF5PXN7Wcjs.vectorEnvelopeMesh.call(void 0, e.params, bounds), f) } };
+    const bounds = _chunkKANRAHTLcjs.vectorEffectInputBounds.call(void 0, node, e.id);
+    if (!bounds || !_chunkKANRAHTLcjs.vectorEnvelopeMap.call(void 0, e.params, bounds)) return e;
+    return { ...e, params: { ...e.params, style: "mesh", mesh: _chunkDWGZUSEScjs.mapWarpMeshPoints.call(void 0, _chunkKANRAHTLcjs.vectorEnvelopeMesh.call(void 0, e.params, bounds), f) } };
   });
 }
 function distortVectorNode(node, parentToDoc, f, tolerance = VECTOR_DISTORT_TOLERANCE) {
-  const toDoc = _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _chunkJF5PXN7Wcjs.nodeMatrix.call(void 0, node), parentToDoc);
+  const toDoc = _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _chunkKANRAHTLcjs.nodeMatrix.call(void 0, node), parentToDoc);
   const inv = _chunkDWGZUSEScjs.invertMatrix.call(void 0, toDoc);
   const local = (p) => _chunkDWGZUSEScjs.applyMatrix.call(void 0, inv, f(_chunkDWGZUSEScjs.applyMatrix.call(void 0, toDoc, p)));
   const effects = mapEffects(node, local);
@@ -684,16 +727,16 @@ function distortVectorNode(node, parentToDoc, f, tolerance = VECTOR_DISTORT_TOLE
       ...group,
       children,
       ...effects ? { effects } : {},
-      ...spine ? { blend: { ...group.blend, spine: _chunkJF5PXN7Wcjs.mapVectorSubpaths.call(void 0, [spine], local, tolerance)[0] } } : {}
+      ...spine ? { blend: { ...group.blend, spine: _chunkKANRAHTLcjs.mapVectorSubpaths.call(void 0, [spine], local, tolerance)[0] } } : {}
     };
   }
   const path = node;
   return {
     ...path,
     ...effects ? { effects } : {},
-    ...path.fill !== void 0 ? { fill: _chunkJF5PXN7Wcjs.mapVectorPaint.call(void 0, path.fill, local) } : {},
-    ...path.stroke !== void 0 ? { stroke: _chunkJF5PXN7Wcjs.mapVectorPaint.call(void 0, path.stroke, local) } : {},
-    subpaths: _chunkJF5PXN7Wcjs.mapVectorSubpaths.call(void 0, path.subpaths, local, tolerance)
+    ...path.fill !== void 0 ? { fill: _chunkKANRAHTLcjs.mapVectorPaint.call(void 0, path.fill, local) } : {},
+    ...path.stroke !== void 0 ? { stroke: _chunkKANRAHTLcjs.mapVectorPaint.call(void 0, path.stroke, local) } : {},
+    subpaths: _chunkKANRAHTLcjs.mapVectorSubpaths.call(void 0, path.subpaths, local, tolerance)
   };
 }
 
@@ -754,8 +797,8 @@ var LABELS = {
 };
 var fmtLength = (n) => String(Math.round(n * 100) / 100);
 function nodeFrame(node, parent, aabb) {
-  const angle = _chunkDWGZUSEScjs.matrixRotation.call(void 0, _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _chunkJF5PXN7Wcjs.nodeMatrix.call(void 0, node), parent));
-  const b = angle ? _chunkJF5PXN7Wcjs.vectorNodeBounds.call(void 0, node, _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, parent, _chunkDWGZUSEScjs.rotateMatrix.call(void 0, -angle))) : aabb !== void 0 ? aabb : _chunkJF5PXN7Wcjs.vectorNodeBounds.call(void 0, node, parent);
+  const angle = _chunkDWGZUSEScjs.matrixRotation.call(void 0, _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _chunkKANRAHTLcjs.nodeMatrix.call(void 0, node), parent));
+  const b = angle ? _chunkKANRAHTLcjs.vectorNodeBounds.call(void 0, node, _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, parent, _chunkDWGZUSEScjs.rotateMatrix.call(void 0, -angle))) : aabb !== void 0 ? aabb : _chunkKANRAHTLcjs.vectorNodeBounds.call(void 0, node, parent);
   if (!b) return null;
   const c = { x: b.x + b.width / 2, y: b.y + b.height / 2 };
   return { width: b.width, height: b.height, centre: angle ? _chunkDWGZUSEScjs.applyMatrix.call(void 0, _chunkDWGZUSEScjs.rotateMatrix.call(void 0, angle), c) : c };
@@ -830,7 +873,7 @@ var VectorSnapTargets = (_class = class _VectorSnapTargets {
     let segmentBudget = segments ? BUDGET : 0;
     const visit = (list, parent) => {
       for (const n of list) {
-        const m = _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _chunkJF5PXN7Wcjs.nodeMatrix.call(void 0, n), parent);
+        const m = _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _chunkKANRAHTLcjs.nodeMatrix.call(void 0, n), parent);
         if (n.type === "group") visit(n.children, m);
         else if (ids.has(n.id) && n.visible !== false) {
           n.subpaths.forEach((sp, s) => {
@@ -854,10 +897,10 @@ var VectorSnapTargets = (_class = class _VectorSnapTargets {
   /** The segments of `sp` (mapped by `m`) that stay put while the anchors `moving` accepts move. */
   pushSegments(sp, m, moving, budget) {
     const n = sp.anchors.length;
-    const count = _chunkJF5PXN7Wcjs.subpathSegmentCount.call(void 0, sp);
+    const count = _chunkKANRAHTLcjs.subpathSegmentCount.call(void 0, sp);
     for (let i = 0; i < count && budget > 0; i++) {
       if (moving(i) || moving((i + 1) % n)) continue;
-      const seg = _chunkJF5PXN7Wcjs.subpathSegment.call(void 0, sp, i).map((q) => toPoint(_chunkDWGZUSEScjs.applyMatrix.call(void 0, m, toVec(q))));
+      const seg = _chunkKANRAHTLcjs.subpathSegment.call(void 0, sp, i).map((q) => toPoint(_chunkDWGZUSEScjs.applyMatrix.call(void 0, m, toVec(q))));
       let minX = Infinity;
       let minY = Infinity;
       let maxX = -Infinity;
@@ -912,8 +955,8 @@ var VectorSnapTargets = (_class = class _VectorSnapTargets {
     const visit = (list, parent) => {
       for (const stored of list) {
         if (exclude.has(stored.id) || stored.visible === false) continue;
-        const n = contains(stored, exclude) ? stored : _chunkJF5PXN7Wcjs.expandVectorAppearance.call(void 0, stored);
-        const m = _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _chunkJF5PXN7Wcjs.nodeMatrix.call(void 0, n), parent);
+        const n = contains(stored, exclude) ? stored : _chunkKANRAHTLcjs.expandVectorAppearance.call(void 0, stored);
+        const m = _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _chunkKANRAHTLcjs.nodeMatrix.call(void 0, n), parent);
         if (n.type === "group") {
           visit(n.children, m);
           continue;
@@ -928,7 +971,7 @@ var VectorSnapTargets = (_class = class _VectorSnapTargets {
           }
           if (gather !== "bounds") segments = self.pushSegments(sp, m, () => false, segments);
         }
-        const b = _chunkJF5PXN7Wcjs.vectorNodeBounds.call(void 0, n, parent);
+        const b = _chunkKANRAHTLcjs.vectorNodeBounds.call(void 0, n, parent);
         const f = nodeFrame(n, parent, b);
         if (b) self.pushRect(b, "edge", _nullishCoalesce(_optionalChain([f, 'optionalAccess', _24 => _24.centre]), () => ( null)));
       }
@@ -938,10 +981,10 @@ var VectorSnapTargets = (_class = class _VectorSnapTargets {
       for (const n of list) {
         if (exclude.has(n.id) || n.visible === false || self.boxes.length >= BUDGET) continue;
         if (n.type === "group" && contains(n, exclude)) {
-          objects(n.children, _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _chunkJF5PXN7Wcjs.nodeMatrix.call(void 0, n), parent));
+          objects(n.children, _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _chunkKANRAHTLcjs.nodeMatrix.call(void 0, n), parent));
           continue;
         }
-        const b = _chunkJF5PXN7Wcjs.vectorNodeBounds.call(void 0, n, parent);
+        const b = _chunkKANRAHTLcjs.vectorNodeBounds.call(void 0, n, parent);
         if (b) self.boxes.push(b);
         const f = nodeFrame(n, parent, b);
         if (f) self.sizes.push(f.width, f.height);
@@ -1456,12 +1499,12 @@ var unit = (x, y) => {
   return l > 1e-12 && Number.isFinite(l) ? [x / l, y / l] : null;
 };
 function cubicOf(sp, i) {
-  const s = _chunkJF5PXN7Wcjs.subpathSegment.call(void 0, sp, i);
+  const s = _chunkKANRAHTLcjs.subpathSegment.call(void 0, sp, i);
   if (s.length === 4) return s;
   const [a, b] = s;
   return [a, [a[0] + (b[0] - a[0]) / 3, a[1] + (b[1] - a[1]) / 3], [a[0] + 2 * (b[0] - a[0]) / 3, a[1] + 2 * (b[1] - a[1]) / 3], b];
 }
-var isLine = (sp, i) => _chunkJF5PXN7Wcjs.subpathSegment.call(void 0, sp, i).length === 2;
+var isLine = (sp, i) => _chunkKANRAHTLcjs.subpathSegment.call(void 0, sp, i).length === 2;
 function startTangent(c) {
   for (let k = 1; k < 4; k++) {
     const u = unit(c[k][0] - c[0][0], c[k][1] - c[0][1]);
@@ -1481,10 +1524,10 @@ function sample(c, n, out, withStart) {
 }
 var onAnchor = (a, h) => !h || Math.abs(h.x - a.x) < EPS && Math.abs(h.y - a.y) < EPS;
 function tidy(a, keepType = true) {
-  const next = _chunkJF5PXN7Wcjs.cloneAnchor.call(void 0, a);
+  const next = _chunkKANRAHTLcjs.cloneAnchor.call(void 0, a);
   if (onAnchor(next, next.in)) delete next.in;
   if (onAnchor(next, next.out)) delete next.out;
-  const shown = _chunkJF5PXN7Wcjs.inferAnchorType.call(void 0, next);
+  const shown = _chunkKANRAHTLcjs.inferAnchorType.call(void 0, next);
   const type = keepType && a.type ? a.type === "symmetric" && shown !== "symmetric" ? shown === "corner" ? "corner" : "smooth" : a.type === "smooth" && shown === "corner" ? "corner" : a.type : shown;
   if (type === "corner") delete next.type;
   else next.type = type;
@@ -1528,7 +1571,7 @@ function fitAcross(pts, N, t0, t1) {
   return goldenMin(fit, 0, 1);
 }
 function removeAnchorKeepingShape(sp, index) {
-  const anchors = sp.anchors.map(_chunkJF5PXN7Wcjs.cloneAnchor);
+  const anchors = sp.anchors.map(_chunkKANRAHTLcjs.cloneAnchor);
   const n = anchors.length;
   if (index < 0 || index >= n) return { anchors, closed: sp.closed };
   if ((sp.closed || index > 0 && index < n - 1) && n >= 3) {
@@ -1562,12 +1605,12 @@ function removeAnchorKeepingShape(sp, index) {
 }
 function removeAnchorsKeepingShape(sp, indices) {
   const order = [...new Set(indices)].filter((i) => i >= 0 && i < sp.anchors.length).sort((a, b) => b - a);
-  return order.reduce((acc, i) => removeAnchorKeepingShape(acc, i), { anchors: sp.anchors.map(_chunkJF5PXN7Wcjs.cloneAnchor), closed: sp.closed });
+  return order.reduce((acc, i) => removeAnchorKeepingShape(acc, i), { anchors: sp.anchors.map(_chunkKANRAHTLcjs.cloneAnchor), closed: sp.closed });
 }
 function bendSegment(sp, segment, t, p) {
-  const anchors = sp.anchors.map(_chunkJF5PXN7Wcjs.cloneAnchor);
+  const anchors = sp.anchors.map(_chunkKANRAHTLcjs.cloneAnchor);
   const n = anchors.length;
-  if (segment < 0 || segment >= _chunkJF5PXN7Wcjs.subpathSegmentCount.call(void 0, sp) || !Number.isFinite(t) || !Number.isFinite(p.x) || !Number.isFinite(p.y)) return { anchors, closed: sp.closed };
+  if (segment < 0 || segment >= _chunkKANRAHTLcjs.subpathSegmentCount.call(void 0, sp) || !Number.isFinite(t) || !Number.isFinite(p.x) || !Number.isFinite(p.y)) return { anchors, closed: sp.closed };
   const tc = Math.min(0.95, Math.max(0.05, t));
   const ia = segment;
   const ib = (segment + 1) % n;
@@ -1578,16 +1621,16 @@ function bendSegment(sp, segment, t, p) {
   const oy = (p.y - (a.y + (b.y - a.y) * tc)) / k;
   const c1 = { x: a.x + (b.x - a.x) / 3 + ox, y: a.y + (b.y - a.y) / 3 + oy };
   const c2 = { x: b.x + (a.x - b.x) / 3 + ox, y: b.y + (a.y - b.y) / 3 + oy };
-  anchors[ia] = _chunkJF5PXN7Wcjs.moveAnchorHandle.call(void 0, a, "out", c1);
-  anchors[ib] = _chunkJF5PXN7Wcjs.moveAnchorHandle.call(void 0, b, "in", c2);
+  anchors[ia] = _chunkKANRAHTLcjs.moveAnchorHandle.call(void 0, a, "out", c1);
+  anchors[ib] = _chunkKANRAHTLcjs.moveAnchorHandle.call(void 0, b, "in", c2);
   return { anchors, closed: sp.closed };
 }
 function subpathPointAt(sp, segment, t) {
-  const [x, y] = _chunkXGD3FSNCcjs.segmentPoint.call(void 0, _chunkJF5PXN7Wcjs.subpathSegment.call(void 0, sp, segment), t);
+  const [x, y] = _chunkXGD3FSNCcjs.segmentPoint.call(void 0, _chunkKANRAHTLcjs.subpathSegment.call(void 0, sp, segment), t);
   return { x, y };
 }
 function curvatureMoveAnchor(sp, index, q) {
-  const anchors = sp.anchors.map(_chunkJF5PXN7Wcjs.cloneAnchor);
+  const anchors = sp.anchors.map(_chunkKANRAHTLcjs.cloneAnchor);
   const a = sp.anchors[index];
   if (!a) return { anchors, closed: sp.closed };
   const own = [
@@ -1632,7 +1675,7 @@ function curvatureMoveAnchor(sp, index, q) {
 function cutSubpathAt(sp, at) {
   const n = sp.anchors.length;
   const cuts = [...new Set(at)].filter((i) => Number.isInteger(i) && i >= 0 && i < n && (sp.closed || i > 0 && i < n - 1)).sort((a, b) => a - b);
-  if (!cuts.length || n < 2) return [{ anchors: sp.anchors.map(_chunkJF5PXN7Wcjs.cloneAnchor), closed: sp.closed }];
+  if (!cuts.length || n < 2) return [{ anchors: sp.anchors.map(_chunkKANRAHTLcjs.cloneAnchor), closed: sp.closed }];
   const first = cuts[0];
   const run = sp.closed ? Array.from({ length: n + 1 }, (_, i) => sp.anchors[(first + i) % n]) : sp.anchors;
   const cutSet = new Set(sp.closed ? [...cuts.map((c) => (c - first + n) % n), n] : cuts);
@@ -1640,7 +1683,7 @@ function cutSubpathAt(sp, at) {
   let cur = [];
   run.forEach((a, i) => {
     if (!cutSet.has(i)) {
-      cur.push(_chunkJF5PXN7Wcjs.cloneAnchor.call(void 0, a));
+      cur.push(_chunkKANRAHTLcjs.cloneAnchor.call(void 0, a));
       return;
     }
     if (cur.length) {
@@ -1655,10 +1698,10 @@ function cutSubpathAt(sp, at) {
 }
 function splitSubpathAt(sp, segment, t, endTolerance = 1e-6) {
   const n = sp.anchors.length;
-  if (segment < 0 || segment >= _chunkJF5PXN7Wcjs.subpathSegmentCount.call(void 0, sp)) return [{ anchors: sp.anchors.map(_chunkJF5PXN7Wcjs.cloneAnchor), closed: sp.closed }];
+  if (segment < 0 || segment >= _chunkKANRAHTLcjs.subpathSegmentCount.call(void 0, sp)) return [{ anchors: sp.anchors.map(_chunkKANRAHTLcjs.cloneAnchor), closed: sp.closed }];
   if (t <= endTolerance) return cutSubpathAt(sp, [segment]);
   if (t >= 1 - endTolerance) return cutSubpathAt(sp, [(segment + 1) % n]);
-  const { subpath, index } = _chunkJF5PXN7Wcjs.insertAnchor.call(void 0, sp, segment, t);
+  const { subpath, index } = _chunkKANRAHTLcjs.insertAnchor.call(void 0, sp, segment, t);
   return cutSubpathAt(subpath, [index]);
 }
 var endOf = (sp, last) => sp.anchors[last ? sp.anchors.length - 1 : 0];
@@ -1680,7 +1723,7 @@ function joinSubpaths(subpaths, tolerance) {
   const closed = [];
   let open = [];
   for (const sp of subpaths) {
-    const copy = { anchors: sp.anchors.map(_chunkJF5PXN7Wcjs.cloneAnchor), closed: sp.closed };
+    const copy = { anchors: sp.anchors.map(_chunkKANRAHTLcjs.cloneAnchor), closed: sp.closed };
     if (sp.closed || sp.anchors.length < 2) {
       if (sp.anchors.length) closed.push(copy);
     } else open.push(copy);
@@ -1735,7 +1778,7 @@ function smoothSubpath(sp, amount = 1, only) {
   const t = Math.min(1, Math.max(0, amount));
   const orig = sp.anchors;
   const n = orig.length;
-  const anchors = orig.map(_chunkJF5PXN7Wcjs.cloneAnchor);
+  const anchors = orig.map(_chunkKANRAHTLcjs.cloneAnchor);
   if (n < 3 || t === 0) return { anchors, closed: sp.closed };
   for (let i = 0; i < n; i++) {
     if (!sp.closed && (i === 0 || i === n - 1)) continue;
@@ -1764,8 +1807,8 @@ function smoothSubpath(sp, amount = 1, only) {
 }
 function segsOf(sp) {
   const out = [];
-  for (let i = 0; i < _chunkJF5PXN7Wcjs.subpathSegmentCount.call(void 0, sp); i++) {
-    const s = _chunkJF5PXN7Wcjs.subpathSegment.call(void 0, sp, i);
+  for (let i = 0; i < _chunkKANRAHTLcjs.subpathSegmentCount.call(void 0, sp); i++) {
+    const s = _chunkKANRAHTLcjs.subpathSegment.call(void 0, sp, i);
     out.push(s.length === 2 ? { c: s, line: true } : { c: s, line: false });
   }
   return out;
@@ -1822,7 +1865,7 @@ function removeRedundantPoints(sp, tolerance) {
   const tol = Math.max(tolerance, 1e-9);
   const types = new Map(sp.anchors.filter((a) => a.type).map((a) => [`${a.x},${a.y}`, a.type]));
   const segs = segsOf(sp).filter((s) => !isZeroSeg(s));
-  if (!segs.length) return { anchors: sp.anchors.map(_chunkJF5PXN7Wcjs.cloneAnchor), closed: sp.closed };
+  if (!segs.length) return { anchors: sp.anchors.map(_chunkKANRAHTLcjs.cloneAnchor), closed: sp.closed };
   const minSegs = sp.closed ? 2 : 1;
   let changed = true;
   while (changed && segs.length > minSegs) {
@@ -1840,7 +1883,7 @@ function removeRedundantPoints(sp, tolerance) {
       break;
     }
   }
-  return _nullishCoalesce(segsToSubpath(segs, sp.closed, types), () => ( { anchors: sp.anchors.map(_chunkJF5PXN7Wcjs.cloneAnchor), closed: sp.closed }));
+  return _nullishCoalesce(segsToSubpath(segs, sp.closed, types), () => ( { anchors: sp.anchors.map(_chunkKANRAHTLcjs.cloneAnchor), closed: sp.closed }));
 }
 
 // src/vector/pathCut.ts
@@ -2079,14 +2122,14 @@ function eraseFromOutline(sp, region) {
   const regionSegs = _chunkXGD3FSNCcjs.pathToContours.call(void 0, region).flatMap((c) => _chunkXGD3FSNCcjs.closeContour.call(void 0, c, true));
   if (!regionSegs.length) return null;
   const rb = _chunkXGD3FSNCcjs.bezierPathBounds.call(void 0, region);
-  const count = _chunkJF5PXN7Wcjs.subpathSegmentCount.call(void 0, sp);
+  const count = _chunkKANRAHTLcjs.subpathSegmentCount.call(void 0, sp);
   if (!rb || count === 0) return null;
   const removed = (p) => _chunkXGD3FSNCcjs.pointInBezierPath.call(void 0, region, p, "nonzero");
   const runs = [];
   let cur = [];
   let any = false;
   for (let i = 0; i < count; i++) {
-    const seg = _chunkJF5PXN7Wcjs.subpathSegment.call(void 0, sp, i);
+    const seg = _chunkKANRAHTLcjs.subpathSegment.call(void 0, sp, i);
     const sb = _chunkXGD3FSNCcjs.segmentBounds.call(void 0, seg);
     const ts = [0, 1];
     if (!(sb.maxX < rb.minX || sb.minX > rb.maxX || sb.maxY < rb.minY || sb.minY > rb.maxY)) {
@@ -2120,7 +2163,7 @@ function eraseFromOutline(sp, region) {
   for (const run of runs) {
     const anchors = [];
     for (const { seg, t0, t1 } of run) {
-      const c = _chunkXGD3FSNCcjs.subSegment.call(void 0, _chunkJF5PXN7Wcjs.subpathSegment.call(void 0, sp, seg), t0, t1);
+      const c = _chunkXGD3FSNCcjs.subSegment.call(void 0, _chunkKANRAHTLcjs.subpathSegment.call(void 0, sp, seg), t0, t1);
       const line2 = c.length === 2;
       const start = c[0];
       const end = c[c.length - 1];
@@ -2132,7 +2175,7 @@ function eraseFromOutline(sp, region) {
     }
     if (anchors.length < 2) continue;
     for (const a of anchors) {
-      const type = _chunkJF5PXN7Wcjs.inferAnchorType.call(void 0, a);
+      const type = _chunkKANRAHTLcjs.inferAnchorType.call(void 0, a);
       if (type !== "corner") a.type = type;
     }
     out.push({ anchors, closed: false });
@@ -2414,10 +2457,10 @@ function vectorPathEntries(doc, roots, options = {}) {
   const out = [];
   const visit = (stored, parent, inside) => {
     if (stored.visible === false || stored.locked && !options.locked) return;
-    const node = options.expand === false ? stored : _chunkJF5PXN7Wcjs.expandVectorAppearance.call(void 0, stored);
+    const node = options.expand === false ? stored : _chunkKANRAHTLcjs.expandVectorAppearance.call(void 0, stored);
     const picked = inside || roots === null || roots.includes(node.id);
     if (node.type === "group") {
-      const m = _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _chunkJF5PXN7Wcjs.nodeMatrix.call(void 0, node), parent);
+      const m = _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _chunkKANRAHTLcjs.nodeMatrix.call(void 0, node), parent);
       for (const c of node.children) visit(c, m, picked);
     } else if (picked) out.push({ node, parent });
   };
@@ -2426,10 +2469,10 @@ function vectorPathEntries(doc, roots, options = {}) {
 }
 var usable = (sp) => sp.anchors.length > 1;
 function worldOf(entry, subpaths) {
-  return _chunkJF5PXN7Wcjs.vectorPathWorldBezier.call(void 0, { ...entry.node, subpaths }, entry.parent);
+  return _chunkKANRAHTLcjs.vectorPathWorldBezier.call(void 0, { ...entry.node, subpaths }, entry.parent);
 }
 function subpathEnclosesArea(sp) {
-  const contour = _chunkXGD3FSNCcjs.pathToContours.call(void 0, _chunkJF5PXN7Wcjs.subpathsToBezier.call(void 0, [{ ...sp, closed: true }]))[0];
+  const contour = _chunkXGD3FSNCcjs.pathToContours.call(void 0, _chunkKANRAHTLcjs.subpathsToBezier.call(void 0, [{ ...sp, closed: true }]))[0];
   if (!contour) return false;
   const segs = _chunkXGD3FSNCcjs.closeContour.call(void 0, contour, true);
   const b = _chunkXGD3FSNCcjs.bezierPathBounds.call(void 0, _chunkXGD3FSNCcjs.contoursToPath.call(void 0, [{ segments: segs, closed: true }]));
@@ -2444,11 +2487,11 @@ function vectorPathfinderShape(entry, op) {
   const subpaths = node.subpaths.filter(usable);
   const closed = subpaths.map((s) => ({ ...s, closed: true }));
   const fillRule = _nullishCoalesce(node.fillRule, () => ( "nonzero"));
-  if (_chunkJF5PXN7Wcjs.hasPaint.call(void 0, node.fill)) return { path: worldOf(entry, closed), fillRule, key: `fill:${paintKey(node.fill)}`, paint: "fill" };
+  if (_chunkKANRAHTLcjs.hasPaint.call(void 0, node.fill)) return { path: worldOf(entry, closed), fillRule, key: `fill:${paintKey(node.fill)}`, paint: "fill" };
   const open = subpaths.length > 0 && subpaths.every((s) => !s.closed);
   if (op === "divide" && open) return { path: worldOf(entry, subpaths), line: true, paint: "line" };
-  if (_chunkJF5PXN7Wcjs.hasPaint.call(void 0, node.stroke) && (_nullishCoalesce(node.strokeWidth, () => ( 1))) > 0) {
-    const path = _chunkJF5PXN7Wcjs.vectorStrokeOutline.call(void 0, { ...node, subpaths }, entry.parent);
+  if (_chunkKANRAHTLcjs.hasPaint.call(void 0, node.stroke) && (_nullishCoalesce(node.strokeWidth, () => ( 1))) > 0) {
+    const path = _chunkKANRAHTLcjs.vectorStrokeOutline.call(void 0, { ...node, subpaths }, entry.parent);
     return { path, fillRule: "nonzero", key: `fill:${paintKey(node.stroke)}`, paint: "stroke" };
   }
   return { path: worldOf(entry, closed), fillRule, key: "none", paint: "outline" };
@@ -2472,7 +2515,7 @@ function vectorResultStyle(node, paint, edge = false) {
   const base = { ...rest, fillRule: "nonzero" };
   if (edge) {
     for (const k of STROKE_KEYS) delete base[k];
-    const stroke = paint === "stroke" || !_chunkJF5PXN7Wcjs.hasPaint.call(void 0, node.fill) ? node.stroke : node.fill;
+    const stroke = paint === "stroke" || !_chunkKANRAHTLcjs.hasPaint.call(void 0, node.fill) ? node.stroke : node.fill;
     return { ...base, fill: null, stroke: _nullishCoalesce(stroke, () => ( "#000000")), strokeWidth: _nullishCoalesce(node.strokeWidth, () => ( 1)) };
   }
   if (paint === "stroke") {
@@ -2484,7 +2527,7 @@ function vectorResultStyle(node, paint, edge = false) {
 function vectorShapeBuilderMap(entries) {
   const lines = [];
   const inputs = entries.map((entry) => {
-    const filled = _chunkJF5PXN7Wcjs.hasPaint.call(void 0, entry.node.fill);
+    const filled = _chunkKANRAHTLcjs.hasPaint.call(void 0, entry.node.fill);
     const subpaths = entry.node.subpaths.filter(usable).map((sp) => !sp.closed && filled && subpathEnclosesArea(sp) ? { ...sp, closed: true } : sp);
     lines.push(!subpaths.some((s) => s.closed));
     return { path: worldOf(entry, subpaths), fillRule: _nullishCoalesce(entry.node.fillRule, () => ( "nonzero")) };
@@ -2589,7 +2632,7 @@ function planShapeBuilder(m, touched, erase) {
       const kept = faces.flatMap((_, f) => sourcesOf[f].includes(i) && !picked.has(f) ? [f] : []);
       rest = kept.length ? m.map.merge(kept) : [];
     } else rest = worldOf(entry, entry.node.subpaths.filter(usable));
-    const fillCloses = _chunkJF5PXN7Wcjs.hasPaint.call(void 0, entry.node.fill);
+    const fillCloses = _chunkKANRAHTLcjs.hasPaint.call(void 0, entry.node.fill);
     let cut = false;
     for (const piece of cuts) {
       const r = rest.length ? _chunkJEYDXRWQcjs.cutOutPiece.call(void 0, rest, piece, fillCloses, m.tolerance) : null;
@@ -2655,7 +2698,9 @@ var VECTOR_STYLE_KEYS = [
   "arrowAlign",
   "startArrowScale",
   "endArrowScale",
-  "strokeWidthProfile"
+  "strokeWidthProfile",
+  "fills",
+  "strokes"
 ];
 var VECTOR_CLIPBOARD_TYPE = "pixerate/vector";
 var DEFAULT_DEFAULTS = {
@@ -2678,18 +2723,18 @@ function getEditablePathIds(state) {
   if (state.tool === "direct") {
     if (state.editingId) ids.add(state.editingId);
     for (const id of state.selection) {
-      const node = _chunkJF5PXN7Wcjs.findVectorNode.call(void 0, state.document.nodes, id);
+      const node = _chunkKANRAHTLcjs.findVectorNode.call(void 0, state.document.nodes, id);
       if (node && !node.locked) {
-        for (const p of _chunkJF5PXN7Wcjs.collectPathNodes.call(void 0, node)) if (!p.locked) ids.add(p.id);
+        for (const p of _chunkKANRAHTLcjs.collectPathNodes.call(void 0, node)) if (!p.locked) ids.add(p.id);
       }
     }
   }
-  return [...ids].filter((id) => _optionalChain([_chunkJF5PXN7Wcjs.findVectorNode.call(void 0, state.document.nodes, id), 'optionalAccess', _38 => _38.type]) === "path");
+  return [...ids].filter((id) => _optionalChain([_chunkKANRAHTLcjs.findVectorNode.call(void 0, state.document.nodes, id), 'optionalAccess', _38 => _38.type]) === "path");
 }
 function getVisibleAnchors(state) {
   const out = [];
   for (const id of getEditablePathIds(state)) {
-    const node = _chunkJF5PXN7Wcjs.findVectorNode.call(void 0, state.document.nodes, id);
+    const node = _chunkKANRAHTLcjs.findVectorNode.call(void 0, state.document.nodes, id);
     node.subpaths.forEach((sp, s) => sp.anchors.forEach((_, i) => out.push({ nodeId: id, subpath: s, index: i })));
   }
   return out;
@@ -2707,7 +2752,7 @@ function getVisibleHandles(state) {
     out.push({ nodeId: node.id, subpath: s, index: i, handle });
   };
   if (state.tool === "pen" && state.pen) {
-    const node = _chunkJF5PXN7Wcjs.findVectorNode.call(void 0, state.document.nodes, state.pen.nodeId);
+    const node = _chunkKANRAHTLcjs.findVectorNode.call(void 0, state.document.nodes, state.pen.nodeId);
     const sp = _optionalChain([node, 'optionalAccess', _41 => _41.type]) === "path" ? node.subpaths[state.pen.subpath] : void 0;
     if (_optionalChain([node, 'optionalAccess', _42 => _42.type]) === "path" && sp) {
       const last = sp.anchors.length - 1;
@@ -2720,7 +2765,7 @@ function getVisibleHandles(state) {
   const editable = new Set(getEditablePathIds(state));
   for (const ref of state.selectedAnchors) {
     if (!editable.has(ref.nodeId)) continue;
-    const node = _chunkJF5PXN7Wcjs.findVectorNode.call(void 0, state.document.nodes, ref.nodeId);
+    const node = _chunkKANRAHTLcjs.findVectorNode.call(void 0, state.document.nodes, ref.nodeId);
     const sp = node.subpaths[ref.subpath];
     if (!sp) continue;
     const n = sp.anchors.length;
@@ -2739,26 +2784,26 @@ function getVectorCornerWidgets(state) {
   const zoom = state.viewport.zoom;
   const out = [];
   for (const id of getEditablePathIds(state)) {
-    const node = _chunkJF5PXN7Wcjs.findVectorNode.call(void 0, state.document.nodes, id);
+    const node = _chunkKANRAHTLcjs.findVectorNode.call(void 0, state.document.nodes, id);
     const picked = state.selectedAnchors.filter((r) => r.nodeId === id);
-    const m = _nullishCoalesce(_chunkJF5PXN7Wcjs.vectorWorldMatrix.call(void 0, state.document.nodes, id), () => ( _chunkDWGZUSEScjs.IDENTITY_MATRIX));
-    for (const c of _chunkJF5PXN7Wcjs.vectorCorners.call(void 0, node.subpaths)) {
+    const m = _nullishCoalesce(_chunkKANRAHTLcjs.vectorWorldMatrix.call(void 0, state.document.nodes, id), () => ( _chunkDWGZUSEScjs.IDENTITY_MATRIX));
+    for (const c of _chunkKANRAHTLcjs.vectorCorners.call(void 0, node.subpaths)) {
       if (picked.length && !picked.some((r) => r.subpath === c.subpath && r.index === c.index)) continue;
       const side = Math.min(c.lu, c.lv);
       if (side * zoom < 3 * VECTOR_CORNER_WIDGET_INSET) continue;
       const a = node.subpaths[c.subpath].anchors[c.index];
       const radius = _nullishCoalesce(_optionalChain([a, 'access', _43 => _43.corner, 'optionalAccess', _44 => _44.radius]), () => ( 0));
-      const drawn = _chunkJF5PXN7Wcjs.fitCornerRadius.call(void 0, c, radius);
+      const drawn = _chunkKANRAHTLcjs.fitCornerRadius.call(void 0, c, radius);
       const k = Math.min(Math.max(drawn / c.sin, VECTOR_CORNER_WIDGET_INSET / (zoom * Math.sqrt(1 + c.cos))), side / 2);
-      const p = _chunkDWGZUSEScjs.applyMatrix.call(void 0, m, _chunkJF5PXN7Wcjs.cornerBisectorPoint.call(void 0, c, k));
+      const p = _chunkDWGZUSEScjs.applyMatrix.call(void 0, m, _chunkKANRAHTLcjs.cornerBisectorPoint.call(void 0, c, k));
       out.push({ ref: { nodeId: id, subpath: c.subpath, index: c.index }, x: p.x, y: p.y, radius, drawnRadius: drawn, kind: _nullishCoalesce(_optionalChain([a, 'access', _45 => _45.corner, 'optionalAccess', _46 => _46.kind]), () => ( "round")), corner: c });
     }
   }
   return out;
 }
 function vectorStrokeWidthGeometry(node) {
-  if (!_chunkJF5PXN7Wcjs.hasPaint.call(void 0, node.stroke) || !((_nullishCoalesce(node.strokeWidth, () => ( 1))) > 0)) return null;
-  const parts = _chunkJF5PXN7Wcjs.vectorStrokeParts.call(void 0, _chunkJF5PXN7Wcjs.subpathsToBezier.call(void 0, node.subpaths), node);
+  if (!_chunkKANRAHTLcjs.hasPaint.call(void 0, node.stroke) || !((_nullishCoalesce(node.strokeWidth, () => ( 1))) > 0)) return null;
+  const parts = _chunkKANRAHTLcjs.vectorStrokeParts.call(void 0, _chunkKANRAHTLcjs.subpathsToBezier.call(void 0, node.subpaths), node);
   return parts.line.length ? { line: parts.line, unit: parts.drawWidth / 2 } : null;
 }
 function shiftWidthPoints(profile, indices, dt) {
@@ -2771,24 +2816,24 @@ function getVectorWidthHandles(state) {
   if (state.tool !== "width") return [];
   const ids = /* @__PURE__ */ new Set();
   for (const id of state.selection) {
-    const n = _chunkJF5PXN7Wcjs.findVectorNode.call(void 0, state.document.nodes, id);
-    if (n) for (const p of _chunkJF5PXN7Wcjs.collectPathNodes.call(void 0, n)) ids.add(p.id);
+    const n = _chunkKANRAHTLcjs.findVectorNode.call(void 0, state.document.nodes, id);
+    if (n) for (const p of _chunkKANRAHTLcjs.collectPathNodes.call(void 0, n)) ids.add(p.id);
   }
   if (_optionalChain([state, 'access', _47 => _47.hover, 'optionalAccess', _48 => _48.nodeId])) ids.add(state.hover.nodeId);
   if (_optionalChain([state, 'access', _49 => _49.interaction, 'optionalAccess', _50 => _50.type]) === "width") ids.add(state.interaction.ref.nodeId);
   for (const r of state.selectedWidthPoints) ids.add(r.nodeId);
   const out = [];
   for (const id of ids) {
-    const node = _chunkJF5PXN7Wcjs.findVectorNode.call(void 0, state.document.nodes, id);
+    const node = _chunkKANRAHTLcjs.findVectorNode.call(void 0, state.document.nodes, id);
     if (_optionalChain([node, 'optionalAccess', _51 => _51.type]) !== "path" || node.visible === false || !_optionalChain([node, 'access', _52 => _52.strokeWidthProfile, 'optionalAccess', _53 => _53.length])) continue;
     const g = vectorStrokeWidthGeometry(node);
     if (!g) continue;
-    const profile = _chunkJF5PXN7Wcjs.sanitizeWidthProfile.call(void 0, node.strokeWidthProfile);
-    const m = _nullishCoalesce(_chunkJF5PXN7Wcjs.vectorWorldMatrix.call(void 0, state.document.nodes, id), () => ( _chunkDWGZUSEScjs.IDENTITY_MATRIX));
+    const profile = _chunkKANRAHTLcjs.sanitizeWidthProfile.call(void 0, node.strokeWidthProfile);
+    const m = _nullishCoalesce(_chunkKANRAHTLcjs.vectorWorldMatrix.call(void 0, state.document.nodes, id), () => ( _chunkDWGZUSEScjs.IDENTITY_MATRIX));
     const contours = node.subpaths.length;
     for (let sp = 0; sp < contours; sp++) {
       profile.forEach((w, index) => {
-        const at = _chunkJF5PXN7Wcjs.strokePositionPoint.call(void 0, g.line, sp, w.t);
+        const at = _chunkKANRAHTLcjs.strokePositionPoint.call(void 0, g.line, sp, w.t);
         if (!at) return;
         const n = { x: at.tangent[1], y: -at.tangent[0] };
         const c = { x: at.point[0], y: at.point[1] };
@@ -2812,24 +2857,24 @@ function getVectorWidthHandles(state) {
   return out;
 }
 function getAnchor(doc, ref) {
-  const node = _chunkJF5PXN7Wcjs.findVectorNode.call(void 0, doc.nodes, ref.nodeId);
+  const node = _chunkKANRAHTLcjs.findVectorNode.call(void 0, doc.nodes, ref.nodeId);
   return _optionalChain([node, 'optionalAccess', _54 => _54.type]) === "path" ? _optionalChain([node, 'access', _55 => _55.subpaths, 'access', _56 => _56[ref.subpath], 'optionalAccess', _57 => _57.anchors, 'access', _58 => _58[ref.index]]) : void 0;
 }
 function getAnchorWorld(doc, ref) {
   const a = getAnchor(doc, ref);
   if (!a) return void 0;
-  const m = _nullishCoalesce(_chunkJF5PXN7Wcjs.vectorWorldMatrix.call(void 0, doc.nodes, ref.nodeId), () => ( _chunkDWGZUSEScjs.IDENTITY_MATRIX));
+  const m = _nullishCoalesce(_chunkKANRAHTLcjs.vectorWorldMatrix.call(void 0, doc.nodes, ref.nodeId), () => ( _chunkDWGZUSEScjs.IDENTITY_MATRIX));
   const p = _chunkDWGZUSEScjs.applyMatrix.call(void 0, m, a);
   return { x: p.x, y: p.y, ...a.in ? { in: _chunkDWGZUSEScjs.applyMatrix.call(void 0, m, a.in) } : {}, ...a.out ? { out: _chunkDWGZUSEScjs.applyMatrix.call(void 0, m, a.out) } : {}, ...a.type ? { type: a.type } : {} };
 }
 function getVectorSelectionFrame(doc, ids) {
-  const nodes = ids.map((id) => ({ node: _chunkJF5PXN7Wcjs.findVectorNode.call(void 0, doc.nodes, id), parent: _nullishCoalesce(_chunkJF5PXN7Wcjs.vectorParentMatrix.call(void 0, doc.nodes, id), () => ( _chunkDWGZUSEScjs.IDENTITY_MATRIX)) })).filter((n) => n.node);
+  const nodes = ids.map((id) => ({ node: _chunkKANRAHTLcjs.findVectorNode.call(void 0, doc.nodes, id), parent: _nullishCoalesce(_chunkKANRAHTLcjs.vectorParentMatrix.call(void 0, doc.nodes, id), () => ( _chunkDWGZUSEScjs.IDENTITY_MATRIX)) })).filter((n) => n.node);
   if (!nodes.length) return null;
-  const angles = nodes.map((n) => _chunkDWGZUSEScjs.matrixRotation.call(void 0, _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _chunkJF5PXN7Wcjs.nodeMatrix.call(void 0, n.node), n.parent)));
+  const angles = nodes.map((n) => _chunkDWGZUSEScjs.matrixRotation.call(void 0, _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _chunkKANRAHTLcjs.nodeMatrix.call(void 0, n.node), n.parent)));
   const same = angles.every((a) => Math.abs(normalizeAngle(a - angles[0])) < 1e-6);
   const angle = same ? angles[0] : 0;
   const unrotate = _chunkDWGZUSEScjs.rotateMatrix.call(void 0, -angle);
-  const b = _chunkJF5PXN7Wcjs.unionBounds.call(void 0, nodes.map((n) => _chunkJF5PXN7Wcjs.vectorNodeBounds.call(void 0, n.node, _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, n.parent, unrotate))));
+  const b = _chunkKANRAHTLcjs.unionBounds.call(void 0, nodes.map((n) => _chunkKANRAHTLcjs.vectorNodeBounds.call(void 0, n.node, _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, n.parent, unrotate))));
   return b ? { ...b, angle } : null;
 }
 var normalizeAngle = (a) => ((a + 180) % 360 + 360) % 360 - 180;
@@ -2864,10 +2909,10 @@ function getVectorSelectionBoxGeometry(frame, viewport) {
 }
 function getVectorEnvelopeTarget(doc, selection) {
   if (selection.length !== 1) return null;
-  const node = _chunkJF5PXN7Wcjs.findVectorNode.call(void 0, doc.nodes, selection[0]);
-  if (!node || !_chunkJF5PXN7Wcjs.vectorNodeEnvelope.call(void 0, node)) return null;
-  const frame = _chunkJF5PXN7Wcjs.vectorEnvelopeFrame.call(void 0, node);
-  return frame ? { node, frame, world: _nullishCoalesce(_chunkJF5PXN7Wcjs.vectorWorldMatrix.call(void 0, doc.nodes, node.id), () => ( _chunkDWGZUSEScjs.IDENTITY_MATRIX)) } : null;
+  const node = _chunkKANRAHTLcjs.findVectorNode.call(void 0, doc.nodes, selection[0]);
+  if (!node || !_chunkKANRAHTLcjs.vectorNodeEnvelope.call(void 0, node)) return null;
+  const frame = _chunkKANRAHTLcjs.vectorEnvelopeFrame.call(void 0, node);
+  return frame ? { node, frame, world: _nullishCoalesce(_chunkKANRAHTLcjs.vectorWorldMatrix.call(void 0, doc.nodes, node.id), () => ( _chunkDWGZUSEScjs.IDENTITY_MATRIX)) } : null;
 }
 var RESIZE_CURSOR_ORDER = ["ew-resize", "nwse-resize", "ns-resize", "nesw-resize"];
 var HANDLE_ANGLES = { e: 0, se: 45, s: 90, sw: 135, w: 180, nw: 225, n: 270, ne: 315 };
@@ -2975,6 +3020,24 @@ var VECTOR_PATHFINDER_LABELS = {
   outline: "Outline",
   minusBack: "Minus Back"
 };
+function normalizeVectorTree(nodes, prefer) {
+  let changed = false;
+  const out = nodes.map((n) => {
+    let next = n.type === "path" ? _chunkKANRAHTLcjs.normalizeVectorPaintStacks.call(void 0, n, prefer) : n;
+    if (next.type === "group") {
+      const children = normalizeVectorTree(next.children, prefer);
+      if (children !== next.children) next = { ...next, children };
+    }
+    if (next !== n) changed = true;
+    return next;
+  });
+  return changed ? out : nodes;
+}
+function loadedDocument(doc) {
+  const copy = _chunkKANRAHTLcjs.cloneVectorDocument.call(void 0, doc);
+  const nodes = normalizeVectorTree(copy.nodes, "stack");
+  return nodes === copy.nodes ? copy : { ...copy, nodes };
+}
 function mapTree(nodes, fn) {
   let changed = false;
   const out = [];
@@ -3054,7 +3117,7 @@ var VectorEditorController = (_class3 = class {
   __init27() {this.blendStart = null}
   /** Options new blends get (the toolbars edit them along with the selected blend's). */
   __init28() {this.blendDefaults = {}}
-  __init29() {this.gradientEdit = { target: "fill", stop: null }}
+  __init29() {this.gradientEdit = { target: "fill", stop: null, layer: null }}
   __init30() {this.freeDistort = false}
   /** What the highlight shows, to skip notifying when the pointer stays over the same face. */
   __init31() {this.builderHoverKey = null}
@@ -3069,7 +3132,7 @@ var VectorEditorController = (_class3 = class {
   
   constructor(options = {}) {;_class3.prototype.__init9.call(this);_class3.prototype.__init10.call(this);_class3.prototype.__init11.call(this);_class3.prototype.__init12.call(this);_class3.prototype.__init13.call(this);_class3.prototype.__init14.call(this);_class3.prototype.__init15.call(this);_class3.prototype.__init16.call(this);_class3.prototype.__init17.call(this);_class3.prototype.__init18.call(this);_class3.prototype.__init19.call(this);_class3.prototype.__init20.call(this);_class3.prototype.__init21.call(this);_class3.prototype.__init22.call(this);_class3.prototype.__init23.call(this);_class3.prototype.__init24.call(this);_class3.prototype.__init25.call(this);_class3.prototype.__init26.call(this);_class3.prototype.__init27.call(this);_class3.prototype.__init28.call(this);_class3.prototype.__init29.call(this);_class3.prototype.__init30.call(this);_class3.prototype.__init31.call(this);_class3.prototype.__init32.call(this);_class3.prototype.__init33.call(this);_class3.prototype.__init34.call(this);_class3.prototype.__init35.call(this);_class3.prototype.__init36.call(this);_class3.prototype.__init37.call(this);_class3.prototype.__init38.call(this);
     this.history = _nullishCoalesce(options.history, () => ( new (0, _chunkQKLRAA4Tcjs.HistoryManager)()));
-    this.doc = options.document ? _chunkJF5PXN7Wcjs.cloneVectorDocument.call(void 0, options.document) : { width: 800, height: 600, nodes: [] };
+    this.doc = options.document ? loadedDocument(options.document) : { width: 800, height: 600, nodes: [] };
     this.doc = this.refreshed(this.doc);
     this.tool = _nullishCoalesce(options.tool, () => ( "select"));
     this.defaults = { ...DEFAULT_DEFAULTS, ..._nullishCoalesce(options.defaults, () => ( {})) };
@@ -3122,7 +3185,7 @@ var VectorEditorController = (_class3 = class {
     return this.doc;
   }
   getNode(id) {
-    return _chunkJF5PXN7Wcjs.findVectorNode.call(void 0, this.doc.nodes, id);
+    return _chunkKANRAHTLcjs.findVectorNode.call(void 0, this.doc.nodes, id);
   }
   computeState() {
     const h = this.history.getState();
@@ -3161,7 +3224,7 @@ var VectorEditorController = (_class3 = class {
   }
   /** `doc` with its blends' steps brought up to date (the same object when they already are). */
   refreshed(doc) {
-    const nodes = refreshVectorBlends(doc.nodes);
+    const nodes = refreshVectorBlends(normalizeVectorTree(doc.nodes, "shorthand"));
     return nodes === doc.nodes ? doc : { ...doc, nodes };
   }
   notify(docChanged = false) {
@@ -3181,10 +3244,10 @@ var VectorEditorController = (_class3 = class {
     });
   }
   boundsOf(ids) {
-    return _chunkJF5PXN7Wcjs.unionBounds.call(void 0, 
+    return _chunkKANRAHTLcjs.unionBounds.call(void 0, 
       ids.map((id) => {
         const n = this.getNode(id);
-        return n ? _chunkJF5PXN7Wcjs.vectorNodeBounds.call(void 0, n, _nullishCoalesce(_chunkJF5PXN7Wcjs.vectorParentMatrix.call(void 0, this.doc.nodes, id), () => ( _chunkDWGZUSEScjs.IDENTITY_MATRIX))) : null;
+        return n ? _chunkKANRAHTLcjs.vectorNodeBounds.call(void 0, n, _nullishCoalesce(_chunkKANRAHTLcjs.vectorParentMatrix.call(void 0, this.doc.nodes, id), () => ( _chunkDWGZUSEScjs.IDENTITY_MATRIX))) : null;
       })
     );
   }
@@ -3193,7 +3256,7 @@ var VectorEditorController = (_class3 = class {
   }
   /** Local → document matrix of a node in `doc` (default: the current document). */
   worldOf(id, doc = this.doc) {
-    return _nullishCoalesce(_chunkJF5PXN7Wcjs.vectorWorldMatrix.call(void 0, doc.nodes, id), () => ( _chunkDWGZUSEScjs.IDENTITY_MATRIX));
+    return _nullishCoalesce(_chunkKANRAHTLcjs.vectorWorldMatrix.call(void 0, doc.nodes, id), () => ( _chunkDWGZUSEScjs.IDENTITY_MATRIX));
   }
   /** A document point in node `id`'s own space. */
   toLocal(id, p, doc = this.doc) {
@@ -3310,9 +3373,9 @@ var VectorEditorController = (_class3 = class {
     this.setDoc(mapTree(this.doc.nodes, (n) => n.id === id ? next : n));
   }
   freshIds(node) {
-    const copy = _chunkJF5PXN7Wcjs.cloneVectorNode.call(void 0, node);
+    const copy = _chunkKANRAHTLcjs.cloneVectorNode.call(void 0, node);
     const used = /* @__PURE__ */ new Set();
-    _chunkJF5PXN7Wcjs.walkVectorNodes.call(void 0, this.doc.nodes, (n) => used.add(n.id));
+    _chunkKANRAHTLcjs.walkVectorNodes.call(void 0, this.doc.nodes, (n) => used.add(n.id));
     const next = () => {
       let id = this.createId();
       while (used.has(id)) id = this.createId();
@@ -3480,7 +3543,7 @@ var VectorEditorController = (_class3 = class {
   /** Replaces the document. Undoable unless `{ history: false }` (then history is cleared). */
   setDocument(doc, options = {}) {
     this.cancelDrag();
-    const next = _chunkJF5PXN7Wcjs.cloneVectorDocument.call(void 0, doc);
+    const next = loadedDocument(doc);
     if (options.history === false) {
       this.doc = next;
       this.selection = [];
@@ -3508,7 +3571,7 @@ var VectorEditorController = (_class3 = class {
   /** Replaces the document with parsed SVG markup (one undo step). */
   loadSvg(svg, options = {}) {
     try {
-      const doc = _chunkJF5PXN7Wcjs.parseVectorSvg.call(void 0, svg, { createId: () => this.createId() });
+      const doc = _chunkKANRAHTLcjs.parseVectorSvg.call(void 0, svg, { createId: () => this.createId() });
       this.setDocument(doc, { history: options.history, label: "Import SVG" });
       return { ok: true };
     } catch (error) {
@@ -3518,7 +3581,7 @@ var VectorEditorController = (_class3 = class {
   /** Adds the nodes of SVG markup on top of the document, selected. */
   importSvg(svg) {
     try {
-      const parsed = _chunkJF5PXN7Wcjs.parseVectorSvg.call(void 0, svg);
+      const parsed = _chunkKANRAHTLcjs.parseVectorSvg.call(void 0, svg);
       const nodes = parsed.nodes.map((n) => this.freshIds(n));
       if (!nodes.length) return { ok: false, message: "The SVG has no shapes the editor can read." };
       this.change("Import SVG", () => {
@@ -3532,21 +3595,21 @@ var VectorEditorController = (_class3 = class {
     }
   }
   toSvg(options) {
-    return _chunkJF5PXN7Wcjs.vectorDocumentToSvg.call(void 0, this.doc, options);
+    return _chunkKANRAHTLcjs.vectorDocumentToSvg.call(void 0, this.doc, options);
   }
   toJSON() {
-    return _chunkJF5PXN7Wcjs.cloneVectorDocument.call(void 0, this.doc);
+    return _chunkKANRAHTLcjs.cloneVectorDocument.call(void 0, this.doc);
   }
   /** Adds a node (ids are kept unless taken). Returns its id. */
   addNode(node, options = {}) {
     const taken = (() => {
       let clash = false;
-      _chunkJF5PXN7Wcjs.walkVectorNodes.call(void 0, [node], (n) => {
+      _chunkKANRAHTLcjs.walkVectorNodes.call(void 0, [node], (n) => {
         if (this.getNode(n.id)) clash = true;
       });
       return clash;
     })();
-    const next = taken ? this.freshIds(node) : _chunkJF5PXN7Wcjs.cloneVectorNode.call(void 0, node);
+    const next = taken ? this.freshIds(node) : _chunkKANRAHTLcjs.cloneVectorNode.call(void 0, node);
     this.change(_nullishCoalesce(options.label, () => ( `Add ${next.type === "group" ? "Group" : _nullishCoalesce(next.name, () => ( "Path"))}`)), () => {
       const insert = (list) => {
         const copy = list.slice();
@@ -3570,31 +3633,31 @@ var VectorEditorController = (_class3 = class {
     let subpath;
     switch (input.kind) {
       case "rect":
-        subpath = _chunkJF5PXN7Wcjs.rectSubpath.call(void 0, b);
+        subpath = _chunkKANRAHTLcjs.rectSubpath.call(void 0, b);
         break;
       case "ellipse":
-        subpath = _chunkJF5PXN7Wcjs.ellipseSubpath.call(void 0, b);
+        subpath = _chunkKANRAHTLcjs.ellipseSubpath.call(void 0, b);
         break;
       case "polygon":
-        subpath = _chunkJF5PXN7Wcjs.polygonSubpath.call(void 0, b, _nullishCoalesce(input.sides, () => ( d.polygonSides)));
+        subpath = _chunkKANRAHTLcjs.polygonSubpath.call(void 0, b, _nullishCoalesce(input.sides, () => ( d.polygonSides)));
         break;
       case "star":
-        subpath = _chunkJF5PXN7Wcjs.starSubpath.call(void 0, b, _nullishCoalesce(input.points, () => ( d.starPoints)), _nullishCoalesce(input.innerRatio, () => ( d.starInnerRatio)));
+        subpath = _chunkKANRAHTLcjs.starSubpath.call(void 0, b, _nullishCoalesce(input.points, () => ( d.starPoints)), _nullishCoalesce(input.innerRatio, () => ( d.starInnerRatio)));
         break;
       case "line":
-        subpath = _chunkJF5PXN7Wcjs.lineSubpath.call(void 0, { x: b.x, y: b.y }, { x: b.x + b.width, y: b.y + b.height });
+        subpath = _chunkKANRAHTLcjs.lineSubpath.call(void 0, { x: b.x, y: b.y }, { x: b.x + b.width, y: b.y + b.height });
         break;
     }
     const radius = _nullishCoalesce(input.cornerRadius, () => ( d.cornerRadius));
     const kind = _nullishCoalesce(input.cornerKind, () => ( d.cornerKind));
-    if ((input.kind === "rect" || input.kind === "polygon" || input.kind === "star") && radius > 0) subpath = _chunkJF5PXN7Wcjs.setSubpathCorners.call(void 0, subpath, radius, kind);
+    if ((input.kind === "rect" || input.kind === "polygon" || input.kind === "star") && radius > 0) subpath = _chunkKANRAHTLcjs.setSubpathCorners.call(void 0, subpath, radius, kind);
     const names = { rect: "Rectangle", ellipse: "Ellipse", polygon: "Polygon", star: "Star", line: "Line" };
     const style = this.styleFor(input.kind === "line");
     const own = {};
     for (const key of VECTOR_STYLE_KEYS) {
       if (input[key] !== void 0) own[key] = input[key];
     }
-    return { id: this.newId(), type: "path", name: _nullishCoalesce(input.name, () => ( names[input.kind])), ...style, ...own, subpaths: [subpath] };
+    return withStyle({ id: this.newId(), type: "path", name: _nullishCoalesce(input.name, () => ( names[input.kind])), ...style, subpaths: [subpath] }, own);
   }
   /** Adds a shape drawn with the current defaults. Returns its id. */
   addShape(input, options = {}) {
@@ -3603,8 +3666,9 @@ var VectorEditorController = (_class3 = class {
   }
   /** Adds a path from SVG path data. Returns its id. */
   addPath(d, style = {}, options = {}) {
-    const subpaths = _chunkJF5PXN7Wcjs.bezierToSubpaths.call(void 0, d);
-    const node = { id: this.newId(), type: "path", name: _nullishCoalesce(style.name, () => ( "Path")), ...this.styleFor(false), ...style, subpaths };
+    const subpaths = _chunkKANRAHTLcjs.bezierToSubpaths.call(void 0, d);
+    const { name, ...own } = style;
+    const node = withStyle({ id: this.newId(), type: "path", name: _nullishCoalesce(name, () => ( "Path")), ...this.styleFor(false), subpaths }, own);
     return this.addNode(node, { label: "Add Path", ...options });
   }
   styleFor(open) {
@@ -3617,7 +3681,10 @@ var VectorEditorController = (_class3 = class {
     if (d.strokeAlign && d.strokeAlign !== "center") out.strokeAlign = d.strokeAlign;
     for (const key of ["startArrow", "endArrow", "arrowAlign", "startArrowScale", "endArrowScale"]) if (d[key]) out[key] = d[key];
     if (_optionalChain([d, 'access', _113 => _113.strokeWidthProfile, 'optionalAccess', _114 => _114.length])) out.strokeWidthProfile = d.strokeWidthProfile.map((p) => ({ ...p }));
-    return out;
+    let styled = out;
+    if (Array.isArray(d.fills)) styled = _chunkKANRAHTLcjs.withVectorFills.call(void 0, styled, open ? [] : d.fills);
+    if (Array.isArray(d.strokes)) styled = _chunkKANRAHTLcjs.withVectorStrokes.call(void 0, styled, d.strokes);
+    return styled;
   }
   /** Merges `patch` into a node (paths take style and geometry; groups name / visibility / opacity). */
   updateNode(id, patch, options = {}) {
@@ -3633,7 +3700,7 @@ var VectorEditorController = (_class3 = class {
     for (const id of ids) {
       const node = this.getNode(id);
       if (!node) return { ok: false, message: `There is no node "${id}".` };
-      for (const p of _chunkJF5PXN7Wcjs.collectPathNodes.call(void 0, node)) targets.add(p.id);
+      for (const p of _chunkKANRAHTLcjs.collectPathNodes.call(void 0, node)) targets.add(p.id);
     }
     if (!targets.size) return { ok: false, message: "Nothing is selected." };
     this.change(_nullishCoalesce(options.label, () => ( "Change Style")), () => {
@@ -3650,13 +3717,13 @@ var VectorEditorController = (_class3 = class {
     let points;
     if (profile === null) points = [];
     else if (typeof profile === "string") {
-      const preset = _chunkJF5PXN7Wcjs.widthProfilePreset.call(void 0, profile);
+      const preset = _chunkKANRAHTLcjs.widthProfilePreset.call(void 0, profile);
       if (!preset) return { ok: false, message: `There is no width profile "${profile}".` };
       points = preset;
-    } else if (Array.isArray(profile)) points = _chunkJF5PXN7Wcjs.sanitizeWidthProfile.call(void 0, profile);
+    } else if (Array.isArray(profile)) points = _chunkKANRAHTLcjs.sanitizeWidthProfile.call(void 0, profile);
     else {
       const p = profile;
-      points = p.taper || p.wave ? _chunkJF5PXN7Wcjs.generateWidthProfile.call(void 0, p) : [];
+      points = p.taper || p.wave ? _chunkKANRAHTLcjs.generateWidthProfile.call(void 0, p) : [];
     }
     this.widthPoints = [];
     this.widthEdit = null;
@@ -3666,9 +3733,9 @@ var VectorEditorController = (_class3 = class {
   // Gradients
   // -------------------------------------------------------------------------
   /** Which paint (fill or stroke) the gradient tool and editor work on. */
-  setGradientTarget(target) {
-    if (target === this.gradientEdit.target) return;
-    this.gradientEdit = { target, stop: null };
+  setGradientTarget(target, layer = null) {
+    if (target === this.gradientEdit.target && layer === this.gradientEdit.layer) return;
+    this.gradientEdit = { target, stop: null, layer };
     this.notify();
   }
   /** Selects a stop of the gradient being edited (index into its sorted stops), or none. */
@@ -3679,7 +3746,7 @@ var VectorEditorController = (_class3 = class {
   }
   /** The gradient tool's annotator for the selection (screen pixels), or null when its paint is not a gradient. */
   getGradientAnnotator() {
-    return getVectorGradientAnnotator(this.doc, this.selection, this.viewport, this.gradientEdit.target);
+    return getVectorGradientAnnotator(this.doc, this.selection, this.viewport, this.gradientEdit.target, this.gradientEdit.layer);
   }
   /** Unlocked paths of `ids` (default: the selection). */
   gradientPaths(ids = this.selection) {
@@ -3687,7 +3754,7 @@ var VectorEditorController = (_class3 = class {
     for (const id of ids) {
       const node = this.getNode(id);
       if (node && !node.locked) {
-        for (const p of _chunkJF5PXN7Wcjs.collectPathNodes.call(void 0, node)) if (!p.locked) out.set(p.id, p);
+        for (const p of _chunkKANRAHTLcjs.collectPathNodes.call(void 0, node)) if (!p.locked) out.set(p.id, p);
       }
     }
     return [...out.values()];
@@ -3699,32 +3766,35 @@ var VectorEditorController = (_class3 = class {
    */
   setGradient(patch, options = {}) {
     const target = _nullishCoalesce(options.target, () => ( this.gradientEdit.target));
+    const layer = options.layer !== void 0 ? options.layer : options.target === void 0 ? this.gradientEdit.layer : null;
     const paths = this.gradientPaths(_nullishCoalesce(options.ids, () => ( this.selection)));
     if (!paths.length) return { ok: false, message: "Nothing is selected." };
     const next = /* @__PURE__ */ new Map();
+    let first = null;
     for (const path of paths) {
-      const paint = path[target];
-      const base = _chunkJF5PXN7Wcjs.isVectorGradient.call(void 0, paint) ? paint : _chunkJF5PXN7Wcjs.defaultVectorGradient.call(void 0, _nullishCoalesce(patch.type, () => ( "linear")), paint);
-      const g = _chunkJF5PXN7Wcjs.applyVectorGradientPatch.call(void 0, base, patch);
+      const paint = _chunkKANRAHTLcjs.vectorTargetPaint.call(void 0, path, target, layer);
+      const base = _chunkKANRAHTLcjs.isVectorGradient.call(void 0, paint) ? paint : _chunkKANRAHTLcjs.defaultVectorGradient.call(void 0, _nullishCoalesce(patch.type, () => ( "linear")), paint);
+      const g = _chunkKANRAHTLcjs.applyVectorGradientPatch.call(void 0, base, patch);
       if (!g) return { ok: false, message: "That is not a valid gradient: it needs at least one stop with an offset and a colour." };
-      next.set(path.id, { ...path, [target]: g });
+      first ??= g;
+      next.set(path.id, _chunkKANRAHTLcjs.withVectorTargetPaint.call(void 0, path, target, layer, g));
     }
     this.change(_nullishCoalesce(options.label, () => ( "Gradient")), () => this.setDoc(mapTree(this.doc.nodes, (n) => _nullishCoalesce(next.get(n.id), () => ( n)))), options.merge);
-    const stops = _nullishCoalesce(_optionalChain([next, 'access', _115 => _115.values, 'call', _116 => _116(), 'access', _117 => _117.next, 'call', _118 => _118(), 'access', _119 => _119.value, 'optionalAccess', _120 => _120[target], 'optionalAccess', _121 => _121.stops, 'access', _122 => _122.length]), () => ( 0));
+    const stops = _nullishCoalesce(_optionalChain([first, 'optionalAccess', _115 => _115.stops, 'access', _116 => _116.length]), () => ( 0));
     if (this.gradientEdit.stop !== null && this.gradientEdit.stop >= stops) this.gradientEdit = { ...this.gradientEdit, stop: null };
     return { ok: true };
   }
   /** Applies `fn` to every target gradient of the selection (paths whose paint is not a gradient are skipped). */
   editGradients(label, fn, merge) {
-    const target = this.gradientEdit.target;
-    const paths = this.gradientPaths().filter((p) => _chunkJF5PXN7Wcjs.isVectorGradient.call(void 0, p[target]));
+    const { target, layer } = this.gradientEdit;
+    const paths = this.gradientPaths().filter((p) => _chunkKANRAHTLcjs.isVectorGradient.call(void 0, _chunkKANRAHTLcjs.vectorTargetPaint.call(void 0, p, target, layer)));
     if (!paths.length) return { ok: false, message: "The selection has no gradient." };
     const next = /* @__PURE__ */ new Map();
     for (const path of paths) {
-      const g = path[target];
-      const stops = fn(_chunkJF5PXN7Wcjs.sortedVectorGradientStops.call(void 0, g));
+      const g = _chunkKANRAHTLcjs.vectorTargetPaint.call(void 0, path, target, layer);
+      const stops = fn(_chunkKANRAHTLcjs.sortedVectorGradientStops.call(void 0, g));
       if (!stops) return { ok: false, message: "A gradient keeps at least two stops." };
-      next.set(path.id, { ...path, [target]: { ...g, stops } });
+      next.set(path.id, _chunkKANRAHTLcjs.withVectorTargetPaint.call(void 0, path, target, layer, { ...g, stops }));
     }
     this.change(label, () => this.setDoc(mapTree(this.doc.nodes, (n) => _nullishCoalesce(next.get(n.id), () => ( n)))), merge);
     return { ok: true };
@@ -3752,7 +3822,7 @@ var VectorEditorController = (_class3 = class {
           }
           return out;
         });
-        if (patch.offset !== void 0 && Number.isFinite(patch.offset)) ({ stops: next, index: moved } = _chunkJF5PXN7Wcjs.moveVectorGradientStop.call(void 0, next, index, patch.offset));
+        if (patch.offset !== void 0 && Number.isFinite(patch.offset)) ({ stops: next, index: moved } = _chunkKANRAHTLcjs.moveVectorGradientStop.call(void 0, next, index, patch.offset));
         return next;
       },
       options.merge
@@ -3763,10 +3833,10 @@ var VectorEditorController = (_class3 = class {
   /** Adds a stop at `offset` (painting what the gradient paints there) to the selection's gradients and selects it. */
   addGradientStop(offset) {
     let index = 0;
-    const target = this.gradientEdit.target;
+    const { target, layer } = this.gradientEdit;
     const result = this.editGradients("Add Gradient Stop", (stops) => {
-      const path = this.gradientPaths().find((p) => _chunkJF5PXN7Wcjs.isVectorGradient.call(void 0, p[target]));
-      const r = _chunkJF5PXN7Wcjs.insertVectorGradientStop.call(void 0, { ...path[target], stops }, offset);
+      const path = this.gradientPaths().find((p) => _chunkKANRAHTLcjs.isVectorGradient.call(void 0, _chunkKANRAHTLcjs.vectorTargetPaint.call(void 0, p, target, layer)));
+      const r = _chunkKANRAHTLcjs.insertVectorGradientStop.call(void 0, { ..._chunkKANRAHTLcjs.vectorTargetPaint.call(void 0, path, target, layer), stops }, offset);
       index = r.index;
       return r.stops;
     });
@@ -3775,7 +3845,7 @@ var VectorEditorController = (_class3 = class {
   }
   /** Removes stop `index` of the selection's gradients (never below two stops). */
   removeGradientStop(index) {
-    const result = this.editGradients("Delete Gradient Stop", (stops) => _chunkJF5PXN7Wcjs.removeVectorGradientStop.call(void 0, stops, index));
+    const result = this.editGradients("Delete Gradient Stop", (stops) => _chunkKANRAHTLcjs.removeVectorGradientStop.call(void 0, stops, index));
     if (result.ok) this.selectGradientStop(null);
     return result;
   }
@@ -3785,7 +3855,8 @@ var VectorEditorController = (_class3 = class {
   }
   /** `doc` with path `id`'s `target` paint replaced. */
   withGradient(doc, id, target, g) {
-    return { ...doc, nodes: mapTree(doc.nodes, (n) => n.id === id ? { ...n, [target]: g } : n) };
+    const layer = this.gradientEdit.layer;
+    return { ...doc, nodes: mapTree(doc.nodes, (n) => n.id === id && n.type === "path" ? _chunkKANRAHTLcjs.withVectorTargetPaint.call(void 0, n, target, layer, g) : n) };
   }
   downGradient(screen, p, input) {
     const before = this.snapshot();
@@ -3828,48 +3899,48 @@ var VectorEditorController = (_class3 = class {
       const end = constrained(drag.startDoc, p);
       let doc = base;
       for (const id2 of drag.targets) {
-        const node2 = _chunkJF5PXN7Wcjs.findVectorNode.call(void 0, base.nodes, id2);
+        const node2 = _chunkKANRAHTLcjs.findVectorNode.call(void 0, base.nodes, id2);
         if (!node2) continue;
-        const paint = node2[target];
-        const g2 = _chunkJF5PXN7Wcjs.isVectorGradient.call(void 0, paint) ? paint : _chunkJF5PXN7Wcjs.defaultVectorGradient.call(void 0, "linear", paint);
-        doc = this.withGradient(doc, id2, target, _chunkJF5PXN7Wcjs.setVectorGradientVector.call(void 0, g2, _chunkJF5PXN7Wcjs.vectorPathLocalBounds.call(void 0, node2), this.toLocal(id2, drag.startDoc, base), this.toLocal(id2, end, base)));
+        const paint = _chunkKANRAHTLcjs.vectorTargetPaint.call(void 0, node2, target, this.gradientEdit.layer);
+        const g2 = _chunkKANRAHTLcjs.isVectorGradient.call(void 0, paint) ? paint : _chunkKANRAHTLcjs.defaultVectorGradient.call(void 0, "linear", paint);
+        doc = this.withGradient(doc, id2, target, _chunkKANRAHTLcjs.setVectorGradientVector.call(void 0, g2, _chunkKANRAHTLcjs.vectorPathLocalBounds.call(void 0, node2), this.toLocal(id2, drag.startDoc, base), this.toLocal(id2, end, base)));
       }
       this.doc = doc;
       this.notify(true);
       return;
     }
     const id = drag.nodeId;
-    const node = _chunkJF5PXN7Wcjs.findVectorNode.call(void 0, base.nodes, id);
-    const g = node[target];
-    const bounds = _chunkJF5PXN7Wcjs.vectorPathLocalBounds.call(void 0, node);
+    const node = _chunkKANRAHTLcjs.findVectorNode.call(void 0, base.nodes, id);
+    const g = _chunkKANRAHTLcjs.vectorTargetPaint.call(void 0, node, target, this.gradientEdit.layer);
+    const bounds = _chunkKANRAHTLcjs.vectorPathLocalBounds.call(void 0, node);
     const local = (q) => this.toLocal(id, q, base);
     const part = drag.part;
     let next = g;
     if (part.kind === "handle") {
       let to = p;
       if (part.handle === "end" || part.handle === "radius") to = constrained(this.screenToDocument(drag.annotator.start), p);
-      next = _chunkJF5PXN7Wcjs.moveVectorGradientHandle.call(void 0, g, bounds, part.handle, local(to), local(drag.startDoc));
+      next = _chunkKANRAHTLcjs.moveVectorGradientHandle.call(void 0, g, bounds, part.handle, local(to), local(drag.startDoc));
     } else if (part.kind === "bar") {
-      next = _chunkJF5PXN7Wcjs.moveVectorGradientHandle.call(void 0, g, bounds, "start", local(p), local(drag.startDoc));
+      next = _chunkKANRAHTLcjs.moveVectorGradientHandle.call(void 0, g, bounds, "start", local(p), local(drag.startDoc));
     } else {
       const a = drag.annotator;
       const pos = vectorGradientBarPosition(a, screen);
-      const stops = _chunkJF5PXN7Wcjs.sortedVectorGradientStops.call(void 0, g);
+      const stops = _chunkKANRAHTLcjs.sortedVectorGradientStops.call(void 0, g);
       if (part.kind === "stop") {
         const off = Math.abs(pos.across - VECTOR_GRADIENT_STOP_GAP) > VECTOR_GRADIENT_OFF_BAR;
-        const removed = off ? _chunkJF5PXN7Wcjs.removeVectorGradientStop.call(void 0, stops, part.index) : null;
+        const removed = off ? _chunkKANRAHTLcjs.removeVectorGradientStop.call(void 0, stops, part.index) : null;
         if (removed) {
           next = { ...g, stops: removed };
           drag.stop = null;
         } else {
-          const r = _chunkJF5PXN7Wcjs.moveVectorGradientStop.call(void 0, stops, part.index, Math.min(1, Math.max(0, pos.offset)));
+          const r = _chunkKANRAHTLcjs.moveVectorGradientStop.call(void 0, stops, part.index, Math.min(1, Math.max(0, pos.offset)));
           next = { ...g, stops: r.stops };
           drag.stop = r.index;
         }
         this.interaction = { type: "gradient", part: "stop", ...removed ? { removing: true } : {} };
         this.gradientEdit = { ...this.gradientEdit, stop: drag.stop };
       } else {
-        const m = _chunkJF5PXN7Wcjs.vectorGradientMidpointFromPosition.call(void 0, stops, part.index, pos.offset);
+        const m = _chunkKANRAHTLcjs.vectorGradientMidpointFromPosition.call(void 0, stops, part.index, pos.offset);
         if (m !== null) next = { ...g, stops: stops.map((s, i) => i !== part.index ? s : Math.abs(m - 0.5) < 1e-3 ? (({ midpoint: _m, ...rest }) => rest)(s) : { ...s, midpoint: m }) };
       }
     }
@@ -3879,7 +3950,7 @@ var VectorEditorController = (_class3 = class {
   upGradient(drag) {
     const part = drag.part;
     if (!drag.moved) {
-      if (_optionalChain([part, 'optionalAccess', _123 => _123.kind]) === "bar") {
+      if (_optionalChain([part, 'optionalAccess', _117 => _117.kind]) === "bar") {
         this.addGradientStop(part.offset);
         return;
       }
@@ -3898,7 +3969,7 @@ var VectorEditorController = (_class3 = class {
     const byNode = /* @__PURE__ */ new Map();
     for (const r of refs) {
       const node = this.getNode(r.nodeId);
-      if (_optionalChain([node, 'optionalAccess', _124 => _124.type]) !== "path" || !_optionalChain([node, 'access', _125 => _125.strokeWidthProfile, 'optionalAccess', _126 => _126[r.index]])) continue;
+      if (_optionalChain([node, 'optionalAccess', _118 => _118.type]) !== "path" || !_optionalChain([node, 'access', _119 => _119.strokeWidthProfile, 'optionalAccess', _120 => _120[r.index]])) continue;
       byNode.set(r.nodeId, [..._nullishCoalesce(byNode.get(r.nodeId), () => ( [])), r.index]);
     }
     if (!byNode.size) return { ok: false, message: "There is no such width point." };
@@ -3908,7 +3979,7 @@ var VectorEditorController = (_class3 = class {
     this.change(count > 1 ? "Delete Width Points" : "Delete Width Point", () => {
       for (const [id, indices] of byNode) {
         const node = this.getNode(id);
-        const rest = _chunkJF5PXN7Wcjs.removeWidthPoints.call(void 0, _chunkJF5PXN7Wcjs.sanitizeWidthProfile.call(void 0, node.strokeWidthProfile), indices);
+        const rest = _chunkKANRAHTLcjs.removeWidthPoints.call(void 0, _chunkKANRAHTLcjs.sanitizeWidthProfile.call(void 0, node.strokeWidthProfile), indices);
         this.replaceNode(id, withStyle(node, { strokeWidthProfile: rest.length ? rest : null }));
       }
     });
@@ -3916,12 +3987,12 @@ var VectorEditorController = (_class3 = class {
   }
   /** Selects width points (width tool); points on other paths than the first are dropped. */
   selectWidthPoints(refs) {
-    const first = _optionalChain([refs, 'access', _127 => _127[0], 'optionalAccess', _128 => _128.nodeId]);
+    const first = _optionalChain([refs, 'access', _121 => _121[0], 'optionalAccess', _122 => _122.nodeId]);
     const next = [];
     for (const r of refs) {
       if (r.nodeId !== first || next.some((q) => q.index === r.index)) continue;
       const n = this.getNode(r.nodeId);
-      if (_optionalChain([n, 'optionalAccess', _129 => _129.type]) === "path" && _optionalChain([n, 'access', _130 => _130.strokeWidthProfile, 'optionalAccess', _131 => _131[r.index]])) next.push({ nodeId: r.nodeId, index: r.index, subpath: _nullishCoalesce(r.subpath, () => ( 0)) });
+      if (_optionalChain([n, 'optionalAccess', _123 => _123.type]) === "path" && _optionalChain([n, 'access', _124 => _124.strokeWidthProfile, 'optionalAccess', _125 => _125[r.index]])) next.push({ nodeId: r.nodeId, index: r.index, subpath: _nullishCoalesce(r.subpath, () => ( 0)) });
     }
     this.widthPoints = next;
     this.notify();
@@ -3936,7 +4007,7 @@ var VectorEditorController = (_class3 = class {
    */
   setWidthPoint(target, values) {
     const node = this.getNode(target.nodeId);
-    if (_optionalChain([node, 'optionalAccess', _132 => _132.type]) !== "path") return { ok: false, message: "There is no such path." };
+    if (_optionalChain([node, 'optionalAccess', _126 => _126.type]) !== "path") return { ok: false, message: "There is no such path." };
     const g = vectorStrokeWidthGeometry(node);
     if (!g || !(g.unit > 0)) return { ok: false, message: "The path has no visible stroke." };
     const num = (v) => typeof v === "number" && Number.isFinite(v) ? v : void 0;
@@ -3944,36 +4015,36 @@ var VectorEditorController = (_class3 = class {
     const left = num(values.left);
     const right = num(values.right);
     const scale = (w) => w === void 0 ? void 0 : Math.max(0, w) / g.unit;
-    const profile = _chunkJF5PXN7Wcjs.sanitizeWidthProfile.call(void 0, node.strokeWidthProfile);
+    const profile = _chunkKANRAHTLcjs.sanitizeWidthProfile.call(void 0, node.strokeWidthProfile);
     let points;
     let index;
     const existing = _nullishCoalesce(target.index, () => ( null));
     if (existing === null) {
       if (t === void 0) return { ok: false, message: "A new width point needs a position t." };
-      if (profile.length >= _chunkJF5PXN7Wcjs.VECTOR_WIDTH_PROFILE_MAX_POINTS) return { ok: false, message: "The profile has too many width points." };
-      ({ points, index } = _chunkJF5PXN7Wcjs.insertWidthPoint.call(void 0, profile.length ? profile : null, t, { left: scale(left), right: scale(right) }, { step: true }));
+      if (profile.length >= _chunkKANRAHTLcjs.VECTOR_WIDTH_PROFILE_MAX_POINTS) return { ok: false, message: "The profile has too many width points." };
+      ({ points, index } = _chunkKANRAHTLcjs.insertWidthPoint.call(void 0, profile.length ? profile : null, t, { left: scale(left), right: scale(right) }, { step: true }));
     } else {
       const p = profile[existing];
       if (!p) return { ok: false, message: "There is no such width point." };
       const sides2 = { left: _nullishCoalesce(scale(left), () => ( p.left)), right: _nullishCoalesce(scale(right), () => ( p.right)) };
       const tt = t === void 0 ? p.t : Math.min(Math.max(t, 0), 1);
-      if (Math.abs(tt - p.t) <= _chunkJF5PXN7Wcjs.VECTOR_WIDTH_SAME_T) {
-        points = _chunkJF5PXN7Wcjs.setWidthPoint.call(void 0, profile, existing, sides2);
+      if (Math.abs(tt - p.t) <= _chunkKANRAHTLcjs.VECTOR_WIDTH_SAME_T) {
+        points = _chunkKANRAHTLcjs.setWidthPoint.call(void 0, profile, existing, sides2);
         index = existing;
       } else {
-        const rest = _chunkJF5PXN7Wcjs.removeWidthPoints.call(void 0, profile, [existing]);
-        if (rest.length) ({ points, index } = _chunkJF5PXN7Wcjs.insertWidthPoint.call(void 0, rest, tt, sides2, { step: true }));
+        const rest = _chunkKANRAHTLcjs.removeWidthPoints.call(void 0, profile, [existing]);
+        if (rest.length) ({ points, index } = _chunkKANRAHTLcjs.insertWidthPoint.call(void 0, rest, tt, sides2, { step: true }));
         else {
           points = [{ t: tt, ...sides2 }];
           index = 0;
         }
       }
     }
-    const subpath = _optionalChain([this, 'access', _133 => _133.widthEdit, 'optionalAccess', _134 => _134.nodeId]) === node.id ? this.widthEdit.subpath : _nullishCoalesce(_optionalChain([this, 'access', _135 => _135.widthPoints, 'access', _136 => _136.find, 'call', _137 => _137((r) => r.nodeId === node.id), 'optionalAccess', _138 => _138.subpath]), () => ( 0));
+    const subpath = _optionalChain([this, 'access', _127 => _127.widthEdit, 'optionalAccess', _128 => _128.nodeId]) === node.id ? this.widthEdit.subpath : _nullishCoalesce(_optionalChain([this, 'access', _129 => _129.widthPoints, 'access', _130 => _130.find, 'call', _131 => _131((r) => r.nodeId === node.id), 'optionalAccess', _132 => _132.subpath]), () => ( 0));
     const edit = this.widthEdit;
     this.change("Width Point", () => this.replaceNode(node.id, withStyle(node, { strokeWidthProfile: points })));
     this.widthPoints = [{ nodeId: node.id, index, subpath }];
-    if (_optionalChain([edit, 'optionalAccess', _139 => _139.nodeId]) === node.id && (edit.index === existing || existing === null)) this.widthEdit = this.widthEditFor(node.id, subpath, index, null);
+    if (_optionalChain([edit, 'optionalAccess', _133 => _133.nodeId]) === node.id && (edit.index === existing || existing === null)) this.widthEdit = this.widthEditFor(node.id, subpath, index, null);
     this.notify();
     return { ok: true };
   }
@@ -4007,16 +4078,16 @@ var VectorEditorController = (_class3 = class {
   /** The editor's view of point `index` (or of the stroke at `t` when index is null) of `nodeId`. */
   widthEditFor(nodeId, subpath, index, t) {
     const node = this.getNode(nodeId);
-    if (_optionalChain([node, 'optionalAccess', _140 => _140.type]) !== "path") return null;
+    if (_optionalChain([node, 'optionalAccess', _134 => _134.type]) !== "path") return null;
     const g = vectorStrokeWidthGeometry(node);
     if (!g) return null;
-    const profile = _chunkJF5PXN7Wcjs.sanitizeWidthProfile.call(void 0, node.strokeWidthProfile);
+    const profile = _chunkKANRAHTLcjs.sanitizeWidthProfile.call(void 0, node.strokeWidthProfile);
     const p = index === null ? null : profile[index];
     if (index !== null && !p) return null;
     const tt = p ? p.t : Math.min(Math.max(_nullishCoalesce(t, () => ( 0)), 0), 1);
-    const sides2 = _nullishCoalesce(p, () => ( _chunkJF5PXN7Wcjs.widthProfileAt.call(void 0, profile.length ? profile : null, tt)));
+    const sides2 = _nullishCoalesce(p, () => ( _chunkKANRAHTLcjs.widthProfileAt.call(void 0, profile.length ? profile : null, tt)));
     const sp = Math.min(Math.max(0, subpath), Math.max(0, node.subpaths.length - 1));
-    const at = _chunkJF5PXN7Wcjs.strokePositionPoint.call(void 0, g.line, sp, tt);
+    const at = _chunkKANRAHTLcjs.strokePositionPoint.call(void 0, g.line, sp, tt);
     const round = (v) => Math.round(v * 1e6) / 1e6;
     const q = at ? _chunkDWGZUSEScjs.applyMatrix.call(void 0, this.worldOf(nodeId), { x: at.point[0], y: at.point[1] }) : { x: 0, y: 0 };
     const point = { x: round(q.x), y: round(q.y) };
@@ -4032,7 +4103,7 @@ var VectorEditorController = (_class3 = class {
     const refs = this.cornerTargets(options);
     if (!refs.length) return { ok: false, message: "Nothing is selected." };
     this.change(radius > 0 ? "Corner Radius" : "Sharpen Corners", () => {
-      this.doc = this.updateAnchors(this.doc, refs, (a) => _chunkJF5PXN7Wcjs.setAnchorCorner.call(void 0, a, radius, options.kind));
+      this.doc = this.updateAnchors(this.doc, refs, (a) => _chunkKANRAHTLcjs.setAnchorCorner.call(void 0, a, radius, options.kind));
     });
     return { ok: true };
   }
@@ -4041,7 +4112,7 @@ var VectorEditorController = (_class3 = class {
     const refs = this.cornerTargets(options);
     if (!refs.length) return { ok: false, message: "Nothing is selected." };
     this.change("Corner Kind", () => {
-      this.doc = this.updateAnchors(this.doc, refs, (a) => _chunkJF5PXN7Wcjs.setAnchorCorner.call(void 0, a, _nullishCoalesce(_optionalChain([a, 'access', _141 => _141.corner, 'optionalAccess', _142 => _142.radius]), () => ( 0)), kind));
+      this.doc = this.updateAnchors(this.doc, refs, (a) => _chunkKANRAHTLcjs.setAnchorCorner.call(void 0, a, _nullishCoalesce(_optionalChain([a, 'access', _135 => _135.corner, 'optionalAccess', _136 => _136.radius]), () => ( 0)), kind));
     });
     return { ok: true };
   }
@@ -4053,7 +4124,7 @@ var VectorEditorController = (_class3 = class {
     for (const id of _nullishCoalesce(options.ids, () => ( this.selection))) {
       const node = this.getNode(id);
       if (!node) continue;
-      for (const p of _chunkJF5PXN7Wcjs.collectPathNodes.call(void 0, node)) {
+      for (const p of _chunkKANRAHTLcjs.collectPathNodes.call(void 0, node)) {
         if (p.locked) continue;
         p.subpaths.forEach((sp, s) => sp.anchors.forEach((_, i) => out.push({ nodeId: p.id, subpath: s, index: i })));
       }
@@ -4067,39 +4138,35 @@ var VectorEditorController = (_class3 = class {
    */
   outlineStroke(options = {}) {
     const roots = _nullishCoalesce(options.ids, () => ( this.selectedRoots()));
+    const strokesOf = (p) => _chunkKANRAHTLcjs.vectorPaintLayerNodes.call(void 0, p).filter((l) => l.kind === "stroke" && l.drawn && (_nullishCoalesce(l.node.strokeWidth, () => ( 1))) > 0);
     const paths = [];
     for (const id of roots) {
       const node = this.getNode(id);
       if (node) {
-        for (const p of _chunkJF5PXN7Wcjs.collectPathNodes.call(void 0, node)) if (!p.locked && _chunkJF5PXN7Wcjs.hasPaint.call(void 0, p.stroke) && (_nullishCoalesce(p.strokeWidth, () => ( 1))) > 0) paths.push(p);
+        for (const p of _chunkKANRAHTLcjs.collectPathNodes.call(void 0, node)) if (!p.locked && strokesOf(p).length) paths.push(p);
       }
     }
     if (!paths.length) return [];
     const created = [];
     const replace = /* @__PURE__ */ new Map();
     for (const p of paths) {
-      const outline = _chunkJF5PXN7Wcjs.bezierToSubpaths.call(void 0, _chunkJF5PXN7Wcjs.vectorStrokeOutlinePath.call(void 0, _chunkJF5PXN7Wcjs.vectorAppearanceOutline.call(void 0, p), p));
-      if (!outline.length) continue;
-      const {
-        stroke,
-        strokeWidth: _w,
-        strokeLinecap: _c,
-        strokeLinejoin: _j,
-        strokeDasharray: _d,
-        strokeAlign: _a,
-        startArrow: _s,
-        endArrow: _e,
-        arrowAlign: _al,
-        startArrowScale: _ss,
-        endArrowScale: _es,
-        strokeWidthProfile: _wp,
-        effects,
-        ...rest
-      } = _chunkJF5PXN7Wcjs.cloneVectorNode.call(void 0, p);
-      const id = this.newId();
-      const strokeNode = { ...rest, id, name: `${_nullishCoalesce(p.name, () => ( "Path"))} Stroke`, subpaths: outline, fill: _nullishCoalesce(stroke, () => ( null)), stroke: null, fillRule: "nonzero" };
-      const list = _chunkJF5PXN7Wcjs.hasPaint.call(void 0, p.fill) ? [{ ...rest, ...effects ? { effects } : {}, stroke: null }, strokeNode] : [strokeNode];
-      created.push(id);
+      const { effects, ...rest } = _chunkKANRAHTLcjs.cloneVectorNode.call(void 0, p);
+      const unstroked = _chunkKANRAHTLcjs.withVectorStrokes.call(void 0, rest, []);
+      for (const key of _chunkKANRAHTLcjs.VECTOR_STROKE_SETTING_KEYS) delete unstroked[key];
+      const list = _chunkKANRAHTLcjs.vectorFills.call(void 0, p).length ? [{ ...unstroked, ...effects ? { effects } : {} }] : [];
+      const layers = strokesOf(p);
+      for (const l of layers) {
+        const outline = _chunkKANRAHTLcjs.bezierToSubpaths.call(void 0, _chunkKANRAHTLcjs.vectorStrokeOutlinePath.call(void 0, _chunkKANRAHTLcjs.vectorAppearanceOutline.call(void 0, p), l.node));
+        if (!outline.length) continue;
+        const id = this.newId();
+        const { strokes: _s, fills: _f, ...plain2 } = unstroked;
+        const name = layers.length > 1 ? `${_nullishCoalesce(p.name, () => ( "Path"))} Stroke ${l.index + 1}` : `${_nullishCoalesce(p.name, () => ( "Path"))} Stroke`;
+        const fill = { paint: l.layer.paint };
+        if (l.layer.opacity !== void 0) fill.opacity = l.layer.opacity;
+        if (l.layer.blendMode) fill.blendMode = l.layer.blendMode;
+        list.push(_chunkKANRAHTLcjs.withVectorFills.call(void 0, { ...plain2, id, name, subpaths: outline, stroke: null, fillRule: "nonzero" }, [fill]));
+        created.push(id);
+      }
       replace.set(p.id, list);
     }
     if (!created.length) return [];
@@ -4114,6 +4181,229 @@ var VectorEditorController = (_class3 = class {
     return created;
   }
   // -------------------------------------------------------------------------
+  // Fill and stroke stacks, blend modes, filters
+  // -------------------------------------------------------------------------
+  /** Paths of the selected (or given) nodes whose stacks can be edited (groups give every path inside; blend steps are left out). */
+  stackTargets(ids) {
+    const list = _nullishCoalesce(ids, () => ( this.selection));
+    if (!list.length) return "Nothing is selected.";
+    const out = /* @__PURE__ */ new Map();
+    for (const id of list) {
+      const node = this.getNode(id);
+      if (!node) return `There is no node "${id}".`;
+      for (const p of _chunkKANRAHTLcjs.collectPathNodes.call(void 0, node)) if (!p.blendStep) out.set(p.id, p);
+    }
+    if (!out.size) return "The selection has no paths (fills and strokes belong to paths).";
+    return [...out.values()];
+  }
+  /** Applies `fn` to the `kind` stack of every target path as one undo step (an error string from any path cancels it). */
+  editStacks(kind, ids, label, fn, merge) {
+    const targets = this.stackTargets(ids);
+    if (typeof targets === "string") return { ok: false, message: targets };
+    const next = /* @__PURE__ */ new Map();
+    for (const path of targets) {
+      const stack = kind === "fill" ? _chunkKANRAHTLcjs.vectorFills.call(void 0, path) : _chunkKANRAHTLcjs.vectorStrokes.call(void 0, path);
+      const result = fn(stack.map((l) => ({ ...l })), path);
+      if (typeof result === "string") return { ok: false, message: result };
+      next.set(path.id, kind === "fill" ? _chunkKANRAHTLcjs.withVectorFills.call(void 0, path, result) : _chunkKANRAHTLcjs.withVectorStrokes.call(void 0, path, result));
+    }
+    this.change(label, () => this.setDoc(mapTree(this.doc.nodes, (n) => _nullishCoalesce(next.get(n.id), () => ( n)))), merge);
+    return { ok: true };
+  }
+  /**
+   * Reads a layer patch from untrusted input: paint, opacity, blend mode, visibility and (strokes)
+   * the stroke settings, where `null` removes a setting. Returns an error string for invalid values.
+   */
+  layerPatch(kind, patch) {
+    const set = {};
+    const unset = [];
+    if ("paint" in patch) {
+      const paint = patch.paint;
+      if (paint === null || typeof paint === "string" && paint.trim()) set.paint = paint === null ? null : paint.trim();
+      else {
+        const g = _chunkKANRAHTLcjs.sanitizeVectorGradient.call(void 0, paint);
+        if (!g) return "paint must be a CSS colour, a gradient { type, stops: [{ offset, color }] } or null.";
+        set.paint = g;
+      }
+    }
+    if (patch.opacity !== void 0) {
+      if (typeof patch.opacity !== "number" || !Number.isFinite(patch.opacity)) return "opacity must be a number from 0 to 1.";
+      const o = Math.min(1, Math.max(0, patch.opacity));
+      if (o < 1) set.opacity = o;
+      else unset.push("opacity");
+    }
+    if (patch.blendMode !== void 0) {
+      if (!_chunkKANRAHTLcjs.isVectorBlendMode.call(void 0, patch.blendMode)) return `Unknown blend mode "${String(patch.blendMode)}". Use one of: ${_chunkKANRAHTLcjs.VECTOR_BLEND_MODES.join(", ")}.`;
+      if (patch.blendMode !== "normal") set.blendMode = patch.blendMode;
+      else unset.push("blendMode");
+    }
+    if (patch.visible !== void 0) {
+      if (typeof patch.visible !== "boolean") return "visible must be true or false.";
+      if (patch.visible) unset.push("visible");
+      else set.visible = false;
+    }
+    if (kind === "stroke") {
+      const settings = _chunkKANRAHTLcjs.sanitizeVectorStrokeSettings.call(void 0, patch);
+      for (const key of _chunkKANRAHTLcjs.VECTOR_STROKE_SETTING_KEYS) {
+        if (!(key in patch) || patch[key] === void 0) continue;
+        if (patch[key] === null || key === "strokeDasharray" && Array.isArray(patch[key]) && !patch[key].length) unset.push(key);
+        else if (settings[key] === void 0) return `Invalid ${key}: ${JSON.stringify(patch[key])}.`;
+        else set[key] = settings[key];
+      }
+    }
+    return { set, unset };
+  }
+  /**
+   * Adds a fill or stroke layer to the selected (or given) paths (groups: every path inside), at
+   * the top of the stack or at `index` (0 is the bottom). A new stroke takes the settings of the
+   * stack's top stroke unless `layer` gives them. One undo step.
+   */
+  addPaintLayer(kind, layer = {}, options = {}) {
+    const patch = this.layerPatch(kind, layer);
+    if (typeof patch === "string") return { ok: false, message: patch };
+    return this.editStacks(kind, options.ids, kind === "fill" ? "Add Fill" : "Add Stroke", (stack, path) => {
+      const base = kind === "fill" ? { paint: "#808080" } : _chunkKANRAHTLcjs.newVectorStrokeLayer.call(void 0, path, {});
+      const added = { ...base, ...patch.set };
+      for (const key of patch.unset) delete added[key];
+      const at = options.index === void 0 ? stack.length : Math.min(stack.length, Math.max(0, Math.round(options.index)));
+      return [...stack.slice(0, at), added, ...stack.slice(at)];
+    });
+  }
+  /**
+   * Changes layer `index` (0 is the bottom) of the fill or stroke stack of the selected (or given)
+   * paths: paint, opacity, blend mode, visibility and, for strokes, any stroke setting (`null`
+   * removes it). Fails, changing nothing, when a path has no layer `index`. With `merge` (true, or
+   * a key), consecutive edits of the layer fold into one undo step (a slider drag).
+   */
+  updatePaintLayer(kind, index, patch, options = {}) {
+    const parsed = this.layerPatch(kind, patch);
+    if (typeof parsed === "string") return { ok: false, message: parsed };
+    const merge = options.merge === true ? `paint-layer:${kind}:${index}` : options.merge || void 0;
+    return this.editStacks(
+      kind,
+      options.ids,
+      kind === "fill" ? "Edit Fill" : "Edit Stroke",
+      (stack, path) => {
+        if (!stack[index]) return `Path "${path.id}" has no ${kind} ${index} (it has ${stack.length}; 0 is the bottom).`;
+        const layer = { ...stack[index], ...parsed.set };
+        for (const key of parsed.unset) delete layer[key];
+        return stack.map((l, i) => i === index ? layer : l);
+      },
+      merge
+    );
+  }
+  /** Removes layer `index` of the fill or stroke stack of the selected (or given) paths. */
+  removePaintLayer(kind, index, options = {}) {
+    return this.editStacks(
+      kind,
+      options.ids,
+      kind === "fill" ? "Remove Fill" : "Remove Stroke",
+      (stack, path) => stack[index] ? stack.filter((_, i) => i !== index) : `Path "${path.id}" has no ${kind} ${index} (it has ${stack.length}; 0 is the bottom).`
+    );
+  }
+  /** Moves layer `from` of the fill or stroke stack to position `to` (0 is the bottom) on the selected (or given) paths. */
+  movePaintLayer(kind, from, to, options = {}) {
+    return this.editStacks(kind, options.ids, kind === "fill" ? "Reorder Fills" : "Reorder Strokes", (stack, path) => {
+      if (!stack[from]) return `Path "${path.id}" has no ${kind} ${from} (it has ${stack.length}; 0 is the bottom).`;
+      const out = stack.slice();
+      const [layer] = out.splice(from, 1);
+      out.splice(Math.min(out.length, Math.max(0, Math.round(to))), 0, layer);
+      return out;
+    });
+  }
+  /** Replaces the whole fill or stroke stack of the selected (or given) paths (malformed layers are dropped). */
+  setPaintLayers(kind, layers, options = {}) {
+    const clean = kind === "fill" ? _chunkKANRAHTLcjs.sanitizeVectorFills.call(void 0, layers) : _chunkKANRAHTLcjs.sanitizeVectorStrokes.call(void 0, layers);
+    return this.editStacks(kind, options.ids, kind === "fill" ? "Set Fills" : "Set Strokes", () => clean);
+  }
+  /** Sets the blend mode of the selected (or given) nodes (paths or groups); `normal` removes it. */
+  setBlendMode(mode, options = {}) {
+    if (!_chunkKANRAHTLcjs.isVectorBlendMode.call(void 0, mode)) return { ok: false, message: `Unknown blend mode "${String(mode)}". Use one of: ${_chunkKANRAHTLcjs.VECTOR_BLEND_MODES.join(", ")}.` };
+    const ids = _nullishCoalesce(options.ids, () => ( this.selectedRoots()));
+    if (!ids.length) return { ok: false, message: "Nothing is selected." };
+    for (const id of ids) if (!this.getNode(id)) return { ok: false, message: `There is no node "${id}".` };
+    const set = new Set(ids);
+    this.change(
+      "Blend Mode",
+      () => this.setDoc(
+        mapTree(this.doc.nodes, (n) => {
+          if (!set.has(n.id) || (_nullishCoalesce(n.blendMode, () => ( "normal"))) === mode) return n;
+          const { blendMode: _b, ...rest } = n;
+          return mode === "normal" ? rest : { ...rest, blendMode: mode };
+        })
+      )
+    );
+    return { ok: true };
+  }
+  /**
+   * Adds a filter of `type` to the selected (or given) nodes, at the end of each stack (or at
+   * `index`), with default parameters merged with `params`. One undo step; returns the new filter
+   * ids (one per node, in order), empty for an unknown type or nothing selected.
+   */
+  addFilter(type, options = {}) {
+    if (!_chunkKANRAHTLcjs.isVectorFilterType.call(void 0, type)) return [];
+    const targets = this.effectTargets(options.ids);
+    if (!targets.length) return [];
+    const created = [];
+    const next = /* @__PURE__ */ new Map();
+    for (const node of targets) {
+      const list = _nullishCoalesce(node.filters, () => ( []));
+      let k = list.length + 1;
+      while (list.some((f) => f.id === `filter${k}`)) k++;
+      const filter = _chunkKANRAHTLcjs.createVectorFilter.call(void 0, type, `filter${k}`, options.params);
+      const at = options.index === void 0 ? list.length : Math.min(list.length, Math.max(0, Math.round(options.index)));
+      next.set(node.id, { ...node, filters: [...list.slice(0, at), filter, ...list.slice(at)] });
+      created.push(filter.id);
+    }
+    this.change(`Add ${_chunkKANRAHTLcjs.VECTOR_FILTER_LABELS[type]}`, () => this.setDoc(mapTree(this.doc.nodes, (n) => _nullishCoalesce(next.get(n.id), () => ( n)))));
+    return created;
+  }
+  editFilters(nodeId, label, fn, merge) {
+    const node = this.getNode(nodeId);
+    if (!node) return { ok: false, message: `There is no node "${nodeId}".` };
+    const result = fn(_nullishCoalesce(node.filters, () => ( [])));
+    if (typeof result === "string") return { ok: false, message: result };
+    this.change(label, () => this.replaceNode(nodeId, result.length ? { ...node, filters: result } : (({ filters: _f, ...rest }) => rest)(node)), merge);
+    return { ok: true };
+  }
+  /**
+   * Turns a filter on or off and changes its parameters (invalid values are ignored). With
+   * `merge`, consecutive updates of the same filter fold into one undo step.
+   */
+  updateFilter(nodeId, filterId, patch, options = {}) {
+    const merge = options.merge === true ? `filter:${nodeId}:${filterId}` : options.merge || void 0;
+    const current = _optionalChain([this, 'access', _137 => _137.getNode, 'call', _138 => _138(nodeId), 'optionalAccess', _139 => _139.filters, 'optionalAccess', _140 => _140.find, 'call', _141 => _141((f) => f.id === filterId)]);
+    return this.editFilters(
+      nodeId,
+      `Edit ${current ? _chunkKANRAHTLcjs.VECTOR_FILTER_LABELS[current.type] : "Filter"}`,
+      (list) => {
+        const i = list.findIndex((f2) => f2.id === filterId);
+        if (i < 0) return `Node "${nodeId}" has no filter "${filterId}".`;
+        const f = list[i];
+        const params = patch.params ? _chunkKANRAHTLcjs.normalizeVectorFilterParams.call(void 0, f.type, patch.params, f.params) : f.params;
+        const next = { ...f, params, ...patch.enabled !== void 0 ? { enabled: patch.enabled } : {} };
+        if (next.enabled !== false) delete next.enabled;
+        return list.map((x, j) => j === i ? next : x);
+      },
+      merge
+    );
+  }
+  /** Removes a filter from a node's stack. */
+  removeFilter(nodeId, filterId) {
+    return this.editFilters(nodeId, "Remove Filter", (list) => list.some((f) => f.id === filterId) ? list.filter((f) => f.id !== filterId) : `Node "${nodeId}" has no filter "${filterId}".`);
+  }
+  /** Moves a filter to position `index` of its node's stack. */
+  moveFilter(nodeId, filterId, index) {
+    return this.editFilters(nodeId, "Reorder Filters", (list) => {
+      const i = list.findIndex((f2) => f2.id === filterId);
+      if (i < 0) return `Node "${nodeId}" has no filter "${filterId}".`;
+      const out = list.slice();
+      const [f] = out.splice(i, 1);
+      out.splice(Math.min(out.length, Math.max(0, Math.round(index))), 0, f);
+      return out;
+    });
+  }
+  // -------------------------------------------------------------------------
   // Path effects
   // -------------------------------------------------------------------------
   /** Selected (or given) nodes that can carry effects: the roots of the selection. */
@@ -4127,7 +4417,7 @@ var VectorEditorController = (_class3 = class {
    */
   addEffect(type, options = {}) {
     const targets = this.effectTargets(options.ids);
-    if (!targets.length || !_chunkJF5PXN7Wcjs.createVectorEffect.call(void 0, type, "")) return [];
+    if (!targets.length || !_chunkKANRAHTLcjs.createVectorEffect.call(void 0, type, "")) return [];
     const created = [];
     const next = /* @__PURE__ */ new Map();
     for (const node of targets) {
@@ -4136,15 +4426,15 @@ var VectorEditorController = (_class3 = class {
       while (list.some((e) => e.id === `fx${k}`)) k++;
       const params = { ..._nullishCoalesce(options.params, () => ( {})) };
       if (type === "repeater" && params.position === void 0) {
-        const b = _chunkXGD3FSNCcjs.bezierPathBounds.call(void 0, _chunkJF5PXN7Wcjs.vectorAppearanceOutline.call(void 0, node));
+        const b = _chunkXGD3FSNCcjs.bezierPathBounds.call(void 0, _chunkKANRAHTLcjs.vectorAppearanceOutline.call(void 0, node));
         if (b && b.maxX - b.minX > 0) params.position = { x: Math.round((b.maxX - b.minX) * 1.25 * 100) / 100, y: 0 };
       }
-      const effect = _chunkJF5PXN7Wcjs.createVectorEffect.call(void 0, type, `fx${k}`, params);
+      const effect = _chunkKANRAHTLcjs.createVectorEffect.call(void 0, type, `fx${k}`, params);
       const at = options.index === void 0 ? list.length : Math.min(list.length, Math.max(0, Math.round(options.index)));
       next.set(node.id, { ...node, effects: [...list.slice(0, at), effect, ...list.slice(at)] });
       created.push(effect.id);
     }
-    this.change(`Add ${_chunkJF5PXN7Wcjs.VECTOR_EFFECT_LABELS[type]}`, () => this.setDoc(mapTree(this.doc.nodes, (n) => _nullishCoalesce(next.get(n.id), () => ( n)))));
+    this.change(`Add ${_chunkKANRAHTLcjs.VECTOR_EFFECT_LABELS[type]}`, () => this.setDoc(mapTree(this.doc.nodes, (n) => _nullishCoalesce(next.get(n.id), () => ( n)))));
     return created;
   }
   editEffects(nodeId, label, fn, merge) {
@@ -4163,8 +4453,8 @@ var VectorEditorController = (_class3 = class {
   updateEffect(nodeId, effectId, patch, options = {}) {
     const merge = options.merge === true ? `effect:${nodeId}:${effectId}` : options.merge || void 0;
     const node = this.getNode(nodeId);
-    const current = _optionalChain([node, 'optionalAccess', _143 => _143.effects, 'optionalAccess', _144 => _144.find, 'call', _145 => _145((e) => e.id === effectId)]);
-    const label = current ? _nullishCoalesce(_chunkJF5PXN7Wcjs.VECTOR_EFFECT_LABELS[current.type], () => ( "Effect")) : "Effect";
+    const current = _optionalChain([node, 'optionalAccess', _142 => _142.effects, 'optionalAccess', _143 => _143.find, 'call', _144 => _144((e) => e.id === effectId)]);
+    const label = current ? _nullishCoalesce(_chunkKANRAHTLcjs.VECTOR_EFFECT_LABELS[current.type], () => ( "Effect")) : "Effect";
     return this.editEffects(
       nodeId,
       `Edit ${label}`,
@@ -4173,7 +4463,7 @@ var VectorEditorController = (_class3 = class {
         if (i < 0) return `Node "${nodeId}" has no effect "${effectId}".`;
         const e = list[i];
         const raw = patch.params && e.type === "envelope" && node ? this.envelopeParams(node, e, patch.params) : patch.params;
-        const params = raw ? _chunkJF5PXN7Wcjs.normalizeVectorEffectParams.call(void 0, e.type, raw, e.params) : e.params;
+        const params = raw ? _chunkKANRAHTLcjs.normalizeVectorEffectParams.call(void 0, e.type, raw, e.params) : e.params;
         const next = { ...e, params, ...patch.enabled !== void 0 ? { enabled: patch.enabled } : {} };
         if (next.enabled !== false) delete next.enabled;
         return list.map((x, j) => j === i ? next : x);
@@ -4204,16 +4494,16 @@ var VectorEditorController = (_class3 = class {
    * nodes (empty when none was live).
    */
   expandAppearance(options = {}) {
-    const roots = (_nullishCoalesce(options.ids, () => ( this.selectedRoots()))).map((id) => this.getNode(id)).filter((n) => !!n && _chunkJF5PXN7Wcjs.hasVectorAppearance.call(void 0, n));
+    const roots = (_nullishCoalesce(options.ids, () => ( this.selectedRoots()))).map((id) => this.getNode(id)).filter((n) => !!n && _chunkKANRAHTLcjs.hasVectorAppearance.call(void 0, n));
     if (!roots.length) return [];
     const fresh = (n) => {
       const id = n.id.includes("~fx") ? this.newId() : n.id;
       return n.type === "group" ? { ...n, id, children: n.children.map(fresh) } : { ...n, id };
     };
     const bake = (n) => {
-      if (!_chunkJF5PXN7Wcjs.hasVectorAppearance.call(void 0, n)) return n;
-      if (!_chunkJF5PXN7Wcjs.hasOwnVectorAppearance.call(void 0, n)) return { ...n, children: n.children.map(bake) };
-      let e = _chunkJF5PXN7Wcjs.expandVectorAppearance.call(void 0, n);
+      if (!_chunkKANRAHTLcjs.hasVectorAppearance.call(void 0, n)) return n;
+      if (!_chunkKANRAHTLcjs.hasOwnVectorAppearance.call(void 0, n)) return { ...n, children: n.children.map(bake) };
+      let e = _chunkKANRAHTLcjs.expandVectorAppearance.call(void 0, n);
       if (e.type === "group" && e.children.length === 1 && e.children[0].type === "path") {
         const { id: _id, opacity, name, ...child } = e.children[0];
         const k = (_nullishCoalesce(e.opacity, () => ( 1))) * (_nullishCoalesce(opacity, () => ( 1)));
@@ -4296,11 +4586,11 @@ var VectorEditorController = (_class3 = class {
   selectedRoots() {
     return this.selection.filter((id) => {
       let covered = false;
-      const loc = _chunkJF5PXN7Wcjs.locateVectorNode.call(void 0, this.doc.nodes, id);
-      let parent = _nullishCoalesce(_optionalChain([loc, 'optionalAccess', _146 => _146.parent]), () => ( null));
+      const loc = _chunkKANRAHTLcjs.locateVectorNode.call(void 0, this.doc.nodes, id);
+      let parent = _nullishCoalesce(_optionalChain([loc, 'optionalAccess', _145 => _145.parent]), () => ( null));
       while (parent) {
         if (this.selection.includes(parent.id)) covered = true;
-        parent = _nullishCoalesce(_optionalChain([_chunkJF5PXN7Wcjs.locateVectorNode.call(void 0, this.doc.nodes, parent.id), 'optionalAccess', _147 => _147.parent]), () => ( null));
+        parent = _nullishCoalesce(_optionalChain([_chunkKANRAHTLcjs.locateVectorNode.call(void 0, this.doc.nodes, parent.id), 'optionalAccess', _146 => _146.parent]), () => ( null));
       }
       return !covered;
     });
@@ -4326,7 +4616,7 @@ var VectorEditorController = (_class3 = class {
         let next = n;
         if (ids.has(n.id) && !n.locked) next = distortVectorNode(n, parent, f, tolerance);
         else if (n.type === "group") {
-          const children = visit(n.children, _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _chunkJF5PXN7Wcjs.nodeMatrix.call(void 0, n), parent));
+          const children = visit(n.children, _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _chunkKANRAHTLcjs.nodeMatrix.call(void 0, n), parent));
           if (children !== n.children) next = { ...n, children };
         }
         if (next !== n) changed = true;
@@ -4418,7 +4708,7 @@ var VectorEditorController = (_class3 = class {
   /** Envelope parameters for `node` after `patch`: a preset switched to a mesh becomes the mesh it stood for. */
   envelopeParams(node, current, patch) {
     if (patch.style !== "mesh" || patch.mesh !== void 0 || !current || current.params.style === "mesh") return patch;
-    const frame = _chunkJF5PXN7Wcjs.vectorEnvelopeFrame.call(void 0, node, current.id);
+    const frame = _chunkKANRAHTLcjs.vectorEnvelopeFrame.call(void 0, node, current.id);
     if (!frame) return patch;
     const rows = typeof patch.rows === "number" ? patch.rows : current.params.rows;
     const columns = typeof patch.columns === "number" ? patch.columns : current.params.columns;
@@ -4442,19 +4732,19 @@ var VectorEditorController = (_class3 = class {
       const list = _nullishCoalesce(node.effects, () => ( []));
       const current = _nullishCoalesce(list.find((e) => e.type === "envelope"), () => ( null));
       if (current) {
-        const p = _chunkJF5PXN7Wcjs.normalizeVectorEffectParams.call(void 0, "envelope", this.envelopeParams(node, current, raw), current.params);
+        const p = _chunkKANRAHTLcjs.normalizeVectorEffectParams.call(void 0, "envelope", this.envelopeParams(node, current, raw), current.params);
         const { enabled: _e, ...rest } = current;
         next.set(node.id, { ...node, effects: list.map((e) => e === current ? { ...rest, params: p } : e) });
         out.push({ nodeId: node.id, effectId: current.id });
       } else {
         let k = list.length + 1;
         while (list.some((e) => e.id === `fx${k}`)) k++;
-        const effect = _chunkJF5PXN7Wcjs.createVectorEffect.call(void 0, "envelope", `fx${k}`, raw);
+        const effect = _chunkKANRAHTLcjs.createVectorEffect.call(void 0, "envelope", `fx${k}`, raw);
         next.set(node.id, { ...node, effects: [...list, effect] });
         out.push({ nodeId: node.id, effectId: effect.id });
       }
     }
-    const made = out.some((o) => !_optionalChain([targets, 'access', _148 => _148.find, 'call', _149 => _149((n) => n.id === o.nodeId), 'optionalAccess', _150 => _150.effects, 'optionalAccess', _151 => _151.some, 'call', _152 => _152((e) => e.id === o.effectId)]));
+    const made = out.some((o) => !_optionalChain([targets, 'access', _147 => _147.find, 'call', _148 => _148((n) => n.id === o.nodeId), 'optionalAccess', _149 => _149.effects, 'optionalAccess', _150 => _150.some, 'call', _151 => _151((e) => e.id === o.effectId)]));
     const merge = options.merge ? `envelope:${out.map((o) => o.nodeId).join(",")}` : void 0;
     this.change(made ? params.style === "mesh" ? "Make Envelope with Mesh" : "Make Envelope with Warp" : "Edit Envelope", () => this.setDoc(mapTree(this.doc.nodes, (n) => _nullishCoalesce(next.get(n.id), () => ( n)))), merge);
     return out;
@@ -4469,19 +4759,19 @@ var VectorEditorController = (_class3 = class {
     const ids = _nullishCoalesce(options.ids, () => ( this.selectedRoots()));
     if (ids.length < 2) return { ok: false, message: "Select the objects and, on top of them, the shape to use as the envelope." };
     const order = /* @__PURE__ */ new Map();
-    _chunkJF5PXN7Wcjs.walkVectorNodes.call(void 0, this.doc.nodes, (n) => order.set(n.id, order.size));
+    _chunkKANRAHTLcjs.walkVectorNodes.call(void 0, this.doc.nodes, (n) => order.set(n.id, order.size));
     const sorted = ids.filter((id) => order.has(id)).sort((a, b) => order.get(a) - order.get(b));
     const topId = sorted[sorted.length - 1];
     const top = this.getNode(topId);
-    const outline = _optionalChain([top, 'optionalAccess', _153 => _153.type]) === "path" ? top.subpaths.find((sp) => sp.closed && sp.anchors.length > 1) : void 0;
+    const outline = _optionalChain([top, 'optionalAccess', _152 => _152.type]) === "path" ? top.subpaths.find((sp) => sp.closed && sp.anchors.length > 1) : void 0;
     if (!top || !outline) return { ok: false, message: "The top object must be a path with a closed outline." };
     const contents = sorted.slice(0, -1).map((id) => this.getNode(id));
     if (contents.some((n) => n.locked)) return { ok: false, message: "Locked objects cannot be enveloped." };
-    const parents = contents.map((n) => _nullishCoalesce(_optionalChain([_chunkJF5PXN7Wcjs.locateVectorNode.call(void 0, this.doc.nodes, n.id), 'optionalAccess', _154 => _154.parent, 'optionalAccess', _155 => _155.id]), () => ( null)));
+    const parents = contents.map((n) => _nullishCoalesce(_optionalChain([_chunkKANRAHTLcjs.locateVectorNode.call(void 0, this.doc.nodes, n.id), 'optionalAccess', _153 => _153.parent, 'optionalAccess', _154 => _154.id]), () => ( null)));
     if (parents.some((p) => p !== parents[0])) return { ok: false, message: "The objects to envelope must be in the same group." };
     const target = contents.length === 1 ? contents[0] : { id: this.newId(), type: "group", name: "Envelope", children: contents.map((n) => n) };
     const parentToDoc = parents[0] ? this.worldOf(parents[0]) : _chunkDWGZUSEScjs.IDENTITY_MATRIX;
-    const targetToDoc = _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _chunkJF5PXN7Wcjs.nodeMatrix.call(void 0, target), parentToDoc);
+    const targetToDoc = _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _chunkKANRAHTLcjs.nodeMatrix.call(void 0, target), parentToDoc);
     const toLocal = _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, this.worldOf(topId), _chunkDWGZUSEScjs.invertMatrix.call(void 0, targetToDoc));
     const local = {
       closed: true,
@@ -4491,12 +4781,12 @@ var VectorEditorController = (_class3 = class {
         ...a.out ? { out: _chunkDWGZUSEScjs.applyMatrix.call(void 0, toLocal, a.out) } : {}
       }))
     };
-    const mesh = _chunkJF5PXN7Wcjs.vectorMeshFromOutline.call(void 0, local, _nullishCoalesce(options.columns, () => ( 4)), _nullishCoalesce(options.rows, () => ( 4)));
+    const mesh = _chunkKANRAHTLcjs.vectorMeshFromOutline.call(void 0, local, _nullishCoalesce(options.columns, () => ( 4)), _nullishCoalesce(options.rows, () => ( 4)));
     if (!mesh) return { ok: false, message: "The top object\u2019s outline is too small to use as an envelope." };
     const list = _nullishCoalesce(target.effects, () => ( []));
     let k = list.length + 1;
     while (list.some((e) => e.id === `fx${k}`)) k++;
-    const effect = _chunkJF5PXN7Wcjs.createVectorEffect.call(void 0, "envelope", `fx${k}`, { style: "mesh", mesh });
+    const effect = _chunkKANRAHTLcjs.createVectorEffect.call(void 0, "envelope", `fx${k}`, { style: "mesh", mesh });
     const enveloped = { ...target, effects: [...list, effect] };
     this.change("Make Envelope with Top Object", () => {
       let nodes = spliceTree(this.doc.nodes, topId, []);
@@ -4518,13 +4808,13 @@ var VectorEditorController = (_class3 = class {
    * comes back as a path above each of them. One undo step; returns the new paths' ids.
    */
   releaseEnvelope(options = {}) {
-    const targets = this.envelopeTargets(options.ids).filter((n) => _optionalChain([n, 'access', _156 => _156.effects, 'optionalAccess', _157 => _157.some, 'call', _158 => _158((e) => e.type === "envelope")]));
+    const targets = this.envelopeTargets(options.ids).filter((n) => _optionalChain([n, 'access', _155 => _155.effects, 'optionalAccess', _156 => _156.some, 'call', _157 => _157((e) => e.type === "envelope")]));
     if (!targets.length) return [];
     const created = [];
     const replace = /* @__PURE__ */ new Map();
     for (const node of targets) {
       const effect = node.effects.find((e) => e.type === "envelope");
-      const frame = _chunkJF5PXN7Wcjs.vectorEnvelopeFrame.call(void 0, node, effect.id);
+      const frame = _chunkKANRAHTLcjs.vectorEnvelopeFrame.call(void 0, node, effect.id);
       const rest = node.effects.filter((e) => e !== effect);
       const { effects: _e, ...plain2 } = node;
       const kept = rest.length ? { ...plain2, effects: rest } : plain2;
@@ -4539,7 +4829,7 @@ var VectorEditorController = (_class3 = class {
         type: "path",
         name: "Envelope",
         ...node.transform ? { transform: node.transform } : {},
-        subpaths: [_chunkJF5PXN7Wcjs.vectorMeshOutline.call(void 0, frame.mesh)],
+        subpaths: [_chunkKANRAHTLcjs.vectorMeshOutline.call(void 0, frame.mesh)],
         fill: null,
         stroke: "#808080",
         strokeWidth: 1
@@ -4603,7 +4893,7 @@ var VectorEditorController = (_class3 = class {
       this.notify();
       return;
     }
-    const node = _chunkJF5PXN7Wcjs.hitTestVectorNodes.call(void 0, this.doc.nodes, p, this.tolerance(), { entered: this.enteredGroups() });
+    const node = _chunkKANRAHTLcjs.hitTestVectorNodes.call(void 0, this.doc.nodes, p, this.tolerance(), { entered: this.enteredGroups() });
     if (node) this.selection = input.shift ? this.selection.includes(node.id) ? this.selection.filter((id) => id !== node.id) : [...this.selection, node.id] : [node.id];
     else if (!input.shift) this.selection = [];
     this.anchors = [];
@@ -4642,9 +4932,9 @@ var VectorEditorController = (_class3 = class {
         let next = n;
         if (ids.has(n.id) && !n.locked) {
           const local = isRoot(parent) ? m : _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, parent, m), _chunkDWGZUSEScjs.invertMatrix.call(void 0, parent));
-          next = _chunkJF5PXN7Wcjs.transformVectorNode.call(void 0, n, local);
+          next = _chunkKANRAHTLcjs.transformVectorNode.call(void 0, n, local);
         } else if (n.type === "group") {
-          const children = visit(n.children, _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _chunkJF5PXN7Wcjs.nodeMatrix.call(void 0, n), parent));
+          const children = visit(n.children, _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _chunkKANRAHTLcjs.nodeMatrix.call(void 0, n), parent));
           if (children !== n.children) next = { ...n, children };
         }
         if (next !== n) changed = true;
@@ -4780,7 +5070,7 @@ var VectorEditorController = (_class3 = class {
         const n = node.type === "group" ? { ...node, children: insert(node.children) } : node;
         out.push(n);
         if (set.has(node.id)) {
-          const copy = _chunkJF5PXN7Wcjs.transformVectorNode.call(void 0, this.freshIds(node), m);
+          const copy = _chunkKANRAHTLcjs.transformVectorNode.call(void 0, this.freshIds(node), m);
           created.push(copy.id);
           out.push(copy);
         }
@@ -4793,10 +5083,10 @@ var VectorEditorController = (_class3 = class {
   group(options = {}) {
     const ids = _nullishCoalesce(options.ids, () => ( this.selectedRoots()));
     if (!ids.length) return null;
-    const locs = ids.map((id2) => _chunkJF5PXN7Wcjs.locateVectorNode.call(void 0, this.doc.nodes, id2));
+    const locs = ids.map((id2) => _chunkKANRAHTLcjs.locateVectorNode.call(void 0, this.doc.nodes, id2));
     if (locs.some((l) => !l)) return null;
-    const parent = _nullishCoalesce(_optionalChain([locs, 'access', _159 => _159[0], 'access', _160 => _160.parent, 'optionalAccess', _161 => _161.id]), () => ( null));
-    if (locs.some((l) => (_nullishCoalesce(_optionalChain([l, 'access', _162 => _162.parent, 'optionalAccess', _163 => _163.id]), () => ( null))) !== parent)) return null;
+    const parent = _nullishCoalesce(_optionalChain([locs, 'access', _158 => _158[0], 'access', _159 => _159.parent, 'optionalAccess', _160 => _160.id]), () => ( null));
+    if (locs.some((l) => (_nullishCoalesce(_optionalChain([l, 'access', _161 => _161.parent, 'optionalAccess', _162 => _162.id]), () => ( null))) !== parent)) return null;
     const id = this.newId();
     this.change("Group", () => {
       const set = new Set(ids);
@@ -4819,7 +5109,7 @@ var VectorEditorController = (_class3 = class {
   }
   /** Replaces selected groups with their children. */
   ungroup(options = {}) {
-    const groups = (_nullishCoalesce(options.ids, () => ( this.selection))).map((id) => this.getNode(id)).filter((n) => _optionalChain([n, 'optionalAccess', _164 => _164.type]) === "group");
+    const groups = (_nullishCoalesce(options.ids, () => ( this.selection))).map((id) => this.getNode(id)).filter((n) => _optionalChain([n, 'optionalAccess', _163 => _163.type]) === "group");
     if (!groups.length) return { ok: false, message: "Select a group to ungroup." };
     const set = new Set(groups.map((g) => g.id));
     this.change("Ungroup", () => {
@@ -4830,9 +5120,9 @@ var VectorEditorController = (_class3 = class {
           if (set.has(n.id) && n.type === "group") {
             changed = true;
             const opacity = n.opacity;
-            const m = _chunkJF5PXN7Wcjs.nodeMatrix.call(void 0, n);
+            const m = _chunkKANRAHTLcjs.nodeMatrix.call(void 0, n);
             out.push(
-              ...n.children.map((c) => c.blendStep ? (({ blendStep: _s, locked: _l, ...rest }) => rest)(c) : c).map((c) => c.booleanOperation ? (({ booleanOperation: _b, ...rest }) => rest)(c) : c).map((c) => n.transform ? _chunkJF5PXN7Wcjs.transformVectorNode.call(void 0, c, m) : c).map((c) => opacity !== void 0 && opacity < 1 ? { ...c, opacity: (_nullishCoalesce(c.opacity, () => ( 1))) * opacity } : c)
+              ...n.children.map((c) => c.blendStep ? (({ blendStep: _s, locked: _l, ...rest }) => rest)(c) : c).map((c) => c.booleanOperation ? (({ booleanOperation: _b, ...rest }) => rest)(c) : c).map((c) => n.transform ? _chunkKANRAHTLcjs.transformVectorNode.call(void 0, c, m) : c).map((c) => opacity !== void 0 && opacity < 1 ? { ...c, opacity: (_nullishCoalesce(c.opacity, () => ( 1))) * opacity } : c)
             );
           } else if (n.type === "group") {
             const children = flatten(n.children);
@@ -4884,16 +5174,16 @@ var VectorEditorController = (_class3 = class {
     const result = _chunkXGD3FSNCcjs.pathBoolean.call(void 0, 
       BOOLEAN_OPS[op],
       entries.map((e) => ({
-        path: _chunkJF5PXN7Wcjs.vectorPathWorldBezier.call(void 0, { ...e.node, subpaths: e.node.subpaths.filter((s) => s.anchors.length > 1).map((s) => ({ ...s, closed: true })) }, e.parent),
+        path: _chunkKANRAHTLcjs.vectorPathWorldBezier.call(void 0, { ...e.node, subpaths: e.node.subpaths.filter((s) => s.anchors.length > 1).map((s) => ({ ...s, closed: true })) }, e.parent),
         fillRule: _nullishCoalesce(e.node.fillRule, () => ( "nonzero"))
       }))
     );
     const base = entries[0].node;
     const anchorRoot = _nullishCoalesce(roots.find((r) => this.holds(r, base.id)), () => ( base.id));
-    const subpaths = _chunkJF5PXN7Wcjs.bezierToSubpaths.call(void 0, this.intoParentSpace(anchorRoot, result.path));
+    const subpaths = _chunkKANRAHTLcjs.bezierToSubpaths.call(void 0, this.intoParentSpace(anchorRoot, result.path));
     if (result.error || !subpaths.length) return null;
     const id = this.newId();
-    const { transform: _t, effects: _e, booleanOperation: _b, ...baseRest } = _chunkJF5PXN7Wcjs.cloneVectorNode.call(void 0, base);
+    const { transform: _t, effects: _e, booleanOperation: _b, ...baseRest } = _chunkKANRAHTLcjs.cloneVectorNode.call(void 0, base);
     const node = { ...baseRest, id, name: BOOLEAN_LABELS[op], subpaths };
     const drop = /* @__PURE__ */ new Set([...entries.map((e) => e.node.id), ...roots]);
     this.change(BOOLEAN_LABELS[op], () => {
@@ -4907,20 +5197,20 @@ var VectorEditorController = (_class3 = class {
   /** Whether stored node `rootId` holds `id` as drawn (`id` may be an expanded path inside it). */
   holds(rootId, id) {
     const n = this.getNode(rootId);
-    return !!n && (!!_chunkJF5PXN7Wcjs.findVectorNode.call(void 0, [n], id) || !!_chunkJF5PXN7Wcjs.findVectorNode.call(void 0, [_chunkJF5PXN7Wcjs.expandVectorAppearance.call(void 0, n)], id));
+    return !!n && (!!_chunkKANRAHTLcjs.findVectorNode.call(void 0, [n], id) || !!_chunkKANRAHTLcjs.findVectorNode.call(void 0, [_chunkKANRAHTLcjs.expandVectorAppearance.call(void 0, n)], id));
   }
   liveBooleanOp(op, roots) {
     const nodes = roots.map((id2) => this.getNode(id2));
     if (!nodes.length || nodes.some((n) => !n)) return null;
     const label = `Live ${BOOLEAN_LABELS[op]}`;
     const lone = nodes.length === 1 ? nodes[0] : null;
-    if (_chunkJF5PXN7Wcjs.isVectorLiveBoolean.call(void 0, lone)) {
+    if (_chunkKANRAHTLcjs.isVectorLiveBoolean.call(void 0, lone)) {
       const children = lone.children.map((c) => c.booleanOperation ? (({ booleanOperation: _b, ...rest }) => rest)(c) : c);
       this.change(label, () => this.replaceNode(lone.id, { ...lone, liveBoolean: op, children }));
       return lone.id;
     }
-    const parents = roots.map((id2) => _nullishCoalesce(_optionalChain([_chunkJF5PXN7Wcjs.locateVectorNode.call(void 0, this.doc.nodes, id2), 'optionalAccess', _165 => _165.parent]), () => ( null)));
-    if (parents.every((g) => _chunkJF5PXN7Wcjs.isVectorLiveBoolean.call(void 0, g))) {
+    const parents = roots.map((id2) => _nullishCoalesce(_optionalChain([_chunkKANRAHTLcjs.locateVectorNode.call(void 0, this.doc.nodes, id2), 'optionalAccess', _164 => _164.parent]), () => ( null)));
+    if (parents.every((g) => _chunkKANRAHTLcjs.isVectorLiveBoolean.call(void 0, g))) {
       const set = new Set(roots);
       this.change(
         label,
@@ -4940,8 +5230,8 @@ var VectorEditorController = (_class3 = class {
       return parents[0].id;
     }
     if (nodes.length < 2) return null;
-    const parent = _nullishCoalesce(_optionalChain([parents, 'access', _166 => _166[0], 'optionalAccess', _167 => _167.id]), () => ( null));
-    if (parents.some((g) => (_nullishCoalesce(_optionalChain([g, 'optionalAccess', _168 => _168.id]), () => ( null))) !== parent)) return null;
+    const parent = _nullishCoalesce(_optionalChain([parents, 'access', _165 => _165[0], 'optionalAccess', _166 => _166.id]), () => ( null));
+    if (parents.some((g) => (_nullishCoalesce(_optionalChain([g, 'optionalAccess', _167 => _167.id]), () => ( null))) !== parent)) return null;
     const id = this.newId();
     this.change(label, () => {
       const set = new Set(roots);
@@ -4971,8 +5261,8 @@ var VectorEditorController = (_class3 = class {
     const paths = entries.map((e) => e.node);
     const id = this.newId();
     const first = _nullishCoalesce(roots.find((r) => this.holds(r, paths[0].id)), () => ( paths[0].id));
-    const subpaths = entries.flatMap((e) => _chunkJF5PXN7Wcjs.bezierToSubpaths.call(void 0, this.intoParentSpace(first, _chunkJF5PXN7Wcjs.vectorPathWorldBezier.call(void 0, e.node, e.parent))));
-    const { transform: _t, effects: _e, booleanOperation: _b, ...baseRest } = _chunkJF5PXN7Wcjs.cloneVectorNode.call(void 0, paths[0]);
+    const subpaths = entries.flatMap((e) => _chunkKANRAHTLcjs.bezierToSubpaths.call(void 0, this.intoParentSpace(first, _chunkKANRAHTLcjs.vectorPathWorldBezier.call(void 0, e.node, e.parent))));
+    const { transform: _t, effects: _e, booleanOperation: _b, ...baseRest } = _chunkKANRAHTLcjs.cloneVectorNode.call(void 0, paths[0]);
     const node = { ...baseRest, id, name: "Compound Path", subpaths };
     const drop = /* @__PURE__ */ new Set([...paths.map((p) => p.id), ...roots]);
     this.change("Combine", () => {
@@ -4984,12 +5274,12 @@ var VectorEditorController = (_class3 = class {
   }
   /** A document-space path mapped into the parent space of node `id`. */
   intoParentSpace(id, path) {
-    const parent = _nullishCoalesce(_chunkJF5PXN7Wcjs.vectorParentMatrix.call(void 0, this.doc.nodes, id), () => ( _chunkDWGZUSEScjs.IDENTITY_MATRIX));
+    const parent = _nullishCoalesce(_chunkKANRAHTLcjs.vectorParentMatrix.call(void 0, this.doc.nodes, id), () => ( _chunkDWGZUSEScjs.IDENTITY_MATRIX));
     return isRoot(parent) ? path : _chunkXGD3FSNCcjs.transformBezierPath.call(void 0, path, _chunkDWGZUSEScjs.invertMatrix.call(void 0, parent));
   }
   /** Splits selected compound paths into one path per subpath. */
   breakApart(options = {}) {
-    const paths = (_nullishCoalesce(options.ids, () => ( this.selection))).map((id) => this.getNode(id)).filter((n) => _optionalChain([n, 'optionalAccess', _169 => _169.type]) === "path" && n.subpaths.length > 1);
+    const paths = (_nullishCoalesce(options.ids, () => ( this.selection))).map((id) => this.getNode(id)).filter((n) => _optionalChain([n, 'optionalAccess', _168 => _168.type]) === "path" && n.subpaths.length > 1);
     if (!paths.length) return { ok: false, message: "Select a compound path to break apart." };
     const created = [];
     const set = new Set(paths.map((p) => p.id));
@@ -5030,7 +5320,7 @@ var VectorEditorController = (_class3 = class {
     const topRoot = _nullishCoalesce([...roots].reverse().find((r) => this.holds(r, last)), () => ( last));
     const nodes = [];
     for (const piece of result.pieces) {
-      const subpaths = _chunkJF5PXN7Wcjs.bezierToSubpaths.call(void 0, this.intoParentSpace(topRoot, piece.path)).map((sp) => piece.open ? { ...sp, closed: false } : sp);
+      const subpaths = _chunkKANRAHTLcjs.bezierToSubpaths.call(void 0, this.intoParentSpace(topRoot, piece.path)).map((sp) => piece.open ? { ...sp, closed: false } : sp);
       if (!subpaths.length) continue;
       const source = entries[piece.source].node;
       const style = vectorResultStyle(source, shapes[piece.source].paint, op === "outline");
@@ -5057,7 +5347,7 @@ var VectorEditorController = (_class3 = class {
     const out = /* @__PURE__ */ new Map();
     for (const id of _nullishCoalesce(ids, () => ( this.selection))) {
       const node = this.getNode(id);
-      const group = isVectorBlendGroup(node) ? node : _optionalChain([_chunkJF5PXN7Wcjs.locateVectorNode.call(void 0, this.doc.nodes, id), 'optionalAccess', _170 => _170.parent]);
+      const group = isVectorBlendGroup(node) ? node : _optionalChain([_chunkKANRAHTLcjs.locateVectorNode.call(void 0, this.doc.nodes, id), 'optionalAccess', _169 => _169.parent]);
       if (isVectorBlendGroup(group)) out.set(group.id, group);
     }
     return [...out.values()];
@@ -5074,9 +5364,9 @@ var VectorEditorController = (_class3 = class {
       return !!n && !n.blendStep && !n.locked;
     });
     if (ids.length < 2) return null;
-    const locs = ids.map((id2) => _chunkJF5PXN7Wcjs.locateVectorNode.call(void 0, this.doc.nodes, id2));
-    const parent = _nullishCoalesce(_optionalChain([locs, 'access', _171 => _171[0], 'access', _172 => _172.parent, 'optionalAccess', _173 => _173.id]), () => ( null));
-    if (locs.some((l) => (_nullishCoalesce(_optionalChain([l, 'access', _174 => _174.parent, 'optionalAccess', _175 => _175.id]), () => ( null))) !== parent)) return null;
+    const locs = ids.map((id2) => _chunkKANRAHTLcjs.locateVectorNode.call(void 0, this.doc.nodes, id2));
+    const parent = _nullishCoalesce(_optionalChain([locs, 'access', _170 => _170[0], 'access', _171 => _171.parent, 'optionalAccess', _172 => _172.id]), () => ( null));
+    if (locs.some((l) => (_nullishCoalesce(_optionalChain([l, 'access', _173 => _173.parent, 'optionalAccess', _174 => _174.id]), () => ( null))) !== parent)) return null;
     const order = input.keepOrder ? ids : ids.slice().sort((a, b) => locs[ids.indexOf(a)].index - locs[ids.indexOf(b)].index);
     const blend = blendOptionsOf({ ...this.blendDefaults, ...input });
     if (input.starts) {
@@ -5118,13 +5408,13 @@ var VectorEditorController = (_class3 = class {
     const node = this.getNode(nodeId);
     if (!isVectorBlendGroup(group)) return { ok: false, message: `"${blendId}" is not a blend.` };
     if (!node || node.blendStep || node.locked || node.id === blendId) return { ok: false, message: `"${nodeId}" cannot be a key.` };
-    const parentOf = (id) => _nullishCoalesce(_optionalChain([_chunkJF5PXN7Wcjs.locateVectorNode.call(void 0, this.doc.nodes, id), 'optionalAccess', _176 => _176.parent, 'optionalAccess', _177 => _177.id]), () => ( null));
+    const parentOf = (id) => _nullishCoalesce(_optionalChain([_chunkKANRAHTLcjs.locateVectorNode.call(void 0, this.doc.nodes, id), 'optionalAccess', _175 => _175.parent, 'optionalAccess', _176 => _176.id]), () => ( null));
     if (parentOf(blendId) !== parentOf(nodeId)) return { ok: false, message: "The new key must sit beside the blend (same parent)." };
     const start = options.start;
     this.change("Blend", () => {
       const blend = start !== null && start !== void 0 ? { ...group.blend, starts: { ...group.blend.starts, [nodeId]: start } } : group.blend;
-      const m = _chunkDWGZUSEScjs.invertMatrix.call(void 0, _chunkJF5PXN7Wcjs.nodeMatrix.call(void 0, group));
-      const key = group.transform ? _chunkJF5PXN7Wcjs.transformVectorNode.call(void 0, node, m) : node;
+      const m = _chunkDWGZUSEScjs.invertMatrix.call(void 0, _chunkKANRAHTLcjs.nodeMatrix.call(void 0, group));
+      const key = group.transform ? _chunkKANRAHTLcjs.transformVectorNode.call(void 0, node, m) : node;
       const without = mapTree(this.doc.nodes, (n) => n.id === nodeId ? null : n);
       this.setDoc(spliceTree(without, blendId, [{ ...group, blend, children: [...group.children, key] }]));
       this.selection = [blendId];
@@ -5150,7 +5440,7 @@ var VectorEditorController = (_class3 = class {
     if (!groups.length) return [];
     const set = new Set(groups.map((g) => g.id));
     const used = /* @__PURE__ */ new Set();
-    _chunkJF5PXN7Wcjs.walkVectorNodes.call(void 0, this.doc.nodes, (n) => used.add(n.id));
+    _chunkKANRAHTLcjs.walkVectorNodes.call(void 0, this.doc.nodes, (n) => used.add(n.id));
     const fresh = () => {
       let id = this.createId();
       while (used.has(id)) id = this.createId();
@@ -5188,14 +5478,14 @@ var VectorEditorController = (_class3 = class {
   replaceBlendSpine(options = {}) {
     const roots = _nullishCoalesce(options.ids, () => ( this.selectedRoots()));
     const groups = this.blendTargets(roots);
-    const paths = roots.map((id) => this.getNode(id)).filter((n) => _optionalChain([n, 'optionalAccess', _178 => _178.type]) === "path" && !n.blendStep && !isVectorBlendGroup(_optionalChain([_chunkJF5PXN7Wcjs.locateVectorNode.call(void 0, this.doc.nodes, n.id), 'optionalAccess', _179 => _179.parent])));
+    const paths = roots.map((id) => this.getNode(id)).filter((n) => _optionalChain([n, 'optionalAccess', _177 => _177.type]) === "path" && !n.blendStep && !isVectorBlendGroup(_optionalChain([_chunkKANRAHTLcjs.locateVectorNode.call(void 0, this.doc.nodes, n.id), 'optionalAccess', _178 => _178.parent])));
     if (groups.length !== 1 || paths.length !== 1) return { ok: false, message: "Select one blend and one path to be its spine." };
     const group = groups[0];
     const path = paths[0];
     const first = path.subpaths.find((sp) => sp.anchors.length >= 2);
     if (!first) return { ok: false, message: "The spine needs a path with at least two points." };
     const m = _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, this.worldOf(path.id), _chunkDWGZUSEScjs.invertMatrix.call(void 0, this.worldOf(group.id)));
-    const spine = _chunkJF5PXN7Wcjs.transformVectorNode.call(void 0, { id: "", type: "path", subpaths: [first] }, m).subpaths[0];
+    const spine = _chunkKANRAHTLcjs.transformVectorNode.call(void 0, { id: "", type: "path", subpaths: [first] }, m).subpaths[0];
     this.change("Replace Spine", () => {
       const withSpine = { ...group, blend: { ...group.blend, spine } };
       const targets = vectorBlendKeyTargets(withSpine);
@@ -5203,11 +5493,11 @@ var VectorEditorController = (_class3 = class {
       const children = withSpine.children.map((c) => {
         if (c.blendStep) return c;
         const target = targets[k++];
-        const b = _chunkJF5PXN7Wcjs.vectorNodeBounds.call(void 0, c);
+        const b = _chunkKANRAHTLcjs.vectorNodeBounds.call(void 0, c);
         if (!target || !b) return c;
         const dx = target[0] - (b.x + b.width / 2);
         const dy = target[1] - (b.y + b.height / 2);
-        return Math.hypot(dx, dy) > 1e-9 ? _chunkJF5PXN7Wcjs.transformVectorNode.call(void 0, c, _chunkDWGZUSEScjs.translateMatrix.call(void 0, dx, dy)) : c;
+        return Math.hypot(dx, dy) > 1e-9 ? _chunkKANRAHTLcjs.transformVectorNode.call(void 0, c, _chunkDWGZUSEScjs.translateMatrix.call(void 0, dx, dy)) : c;
       });
       this.setDoc(mapTree(this.doc.nodes, (n) => n.id === path.id ? null : n.id === group.id ? { ...withSpine, children } : n));
       this.selection = [group.id];
@@ -5219,7 +5509,7 @@ var VectorEditorController = (_class3 = class {
   shapeBuilderMap(ids) {
     const roots = _nullishCoalesce(ids, () => ( this.selectedRoots()));
     const key = roots.join("\0");
-    if (_optionalChain([this, 'access', _180 => _180.builderCache, 'optionalAccess', _181 => _181.doc]) === this.doc && this.builderCache.key === key) return this.builderCache.map;
+    if (_optionalChain([this, 'access', _179 => _179.builderCache, 'optionalAccess', _180 => _180.doc]) === this.doc && this.builderCache.key === key) return this.builderCache.map;
     const entries = roots.length ? vectorPathEntries(this.doc, roots, { expand: false }) : [];
     const map = entries.length ? vectorShapeBuilderMap(entries) : null;
     this.builderCache = { doc: this.doc, key, map };
@@ -5275,15 +5565,15 @@ var VectorEditorController = (_class3 = class {
       let nodes = this.doc.nodes;
       m.entries.forEach((entry, i) => {
         const node = entry.node;
-        const toLocal = (path) => _chunkXGD3FSNCcjs.transformBezierPath.call(void 0, path, _chunkDWGZUSEScjs.invertMatrix.call(void 0, _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _chunkJF5PXN7Wcjs.nodeMatrix.call(void 0, node), entry.parent)));
+        const toLocal = (path) => _chunkXGD3FSNCcjs.transformBezierPath.call(void 0, path, _chunkDWGZUSEScjs.invertMatrix.call(void 0, _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _chunkKANRAHTLcjs.nodeMatrix.call(void 0, node), entry.parent)));
         const list = [];
         const r = plan.replace.get(i);
         if (r === void 0) list.push(node);
-        else if (_optionalChain([r, 'optionalAccess', _182 => _182.kind]) === "fill") list.push({ ...node, fillRule: "nonzero", subpaths: _chunkJF5PXN7Wcjs.bezierToSubpaths.call(void 0, toLocal(r.path)) });
-        else if (_optionalChain([r, 'optionalAccess', _183 => _183.kind]) === "outline") list.push({ ...node, subpaths: _chunkJF5PXN7Wcjs.bezierToSubpaths.call(void 0, toLocal(r.path)) });
-        else if (_optionalChain([r, 'optionalAccess', _184 => _184.kind]) === "pieces") {
+        else if (_optionalChain([r, 'optionalAccess', _181 => _181.kind]) === "fill") list.push({ ...node, fillRule: "nonzero", subpaths: _chunkKANRAHTLcjs.bezierToSubpaths.call(void 0, toLocal(r.path)) });
+        else if (_optionalChain([r, 'optionalAccess', _182 => _182.kind]) === "outline") list.push({ ...node, subpaths: _chunkKANRAHTLcjs.bezierToSubpaths.call(void 0, toLocal(r.path)) });
+        else if (_optionalChain([r, 'optionalAccess', _183 => _183.kind]) === "pieces") {
           r.paths.forEach(
-            (path, k) => list.push({ ...node, id: k === 0 ? node.id : this.newId(), subpaths: _chunkJF5PXN7Wcjs.bezierToSubpaths.call(void 0, toLocal(path)).map((sp) => ({ ...sp, closed: false })) })
+            (path, k) => list.push({ ...node, id: k === 0 ? node.id : this.newId(), subpaths: _chunkKANRAHTLcjs.bezierToSubpaths.call(void 0, toLocal(path)).map((sp) => ({ ...sp, closed: false })) })
           );
         }
         if (plan.merged && plan.merged.style === i) {
@@ -5294,9 +5584,9 @@ var VectorEditorController = (_class3 = class {
             id: mergedId,
             name: "Shape",
             ...node.transform ? { transform: node.transform } : {},
-            subpaths: _chunkJF5PXN7Wcjs.bezierToSubpaths.call(void 0, toLocal(plan.merged.path))
+            subpaths: _chunkKANRAHTLcjs.bezierToSubpaths.call(void 0, toLocal(plan.merged.path))
           };
-          if (plan.merged.currentFill || !_chunkJF5PXN7Wcjs.hasPaint.call(void 0, merged.fill)) merged.fill = _chunkJF5PXN7Wcjs.hasPaint.call(void 0, this.defaults.fill) ? this.defaults.fill : "#808080";
+          if (plan.merged.currentFill || !_chunkKANRAHTLcjs.hasPaint.call(void 0, merged.fill)) merged.fill = _chunkKANRAHTLcjs.hasPaint.call(void 0, this.defaults.fill) ? this.defaults.fill : "#808080";
           list.push(merged);
         }
         if (r === void 0 && list.length === 1) return;
@@ -5315,7 +5605,7 @@ var VectorEditorController = (_class3 = class {
   }
   /** The paint bucket's map of the visible outlines, cached per document and gap. */
   fillMap(gap) {
-    if (_optionalChain([this, 'access', _185 => _185.fillCache, 'optionalAccess', _186 => _186.doc]) === this.doc && this.fillCache.gap === gap) return this.fillCache.map;
+    if (_optionalChain([this, 'access', _184 => _184.fillCache, 'optionalAccess', _185 => _185.doc]) === this.doc && this.fillCache.gap === gap) return this.fillCache.map;
     const map = vectorFillMap(this.doc, gap);
     this.fillCache = { doc: this.doc, gap, map };
     return map;
@@ -5329,18 +5619,18 @@ var VectorEditorController = (_class3 = class {
    */
   fillRegion(point, options = {}) {
     if (!Number.isFinite(point.x) || !Number.isFinite(point.y)) return null;
-    const region = _optionalChain([this, 'access', _187 => _187.fillMap, 'call', _188 => _188(_nullishCoalesce(options.gap, () => ( this.editing.fillGap))), 'optionalAccess', _189 => _189.regionAt, 'call', _190 => _190([point.x, point.y])]);
-    if (!_optionalChain([region, 'optionalAccess', _191 => _191.length])) return null;
+    const region = _optionalChain([this, 'access', _186 => _186.fillMap, 'call', _187 => _187(_nullishCoalesce(options.gap, () => ( this.editing.fillGap))), 'optionalAccess', _188 => _188.regionAt, 'call', _189 => _189([point.x, point.y])]);
+    if (!_optionalChain([region, 'optionalAccess', _190 => _190.length])) return null;
     let below = null;
     const roots = new Set(this.selectedRoots());
-    _chunkJF5PXN7Wcjs.walkVectorNodes.call(void 0, this.doc.nodes, (n) => {
+    _chunkKANRAHTLcjs.walkVectorNodes.call(void 0, this.doc.nodes, (n) => {
       if (!below && roots.has(n.id)) below = n.id;
     });
-    const subpaths = _chunkJF5PXN7Wcjs.bezierToSubpaths.call(void 0, below ? this.intoParentSpace(below, region) : region);
+    const subpaths = _chunkKANRAHTLcjs.bezierToSubpaths.call(void 0, below ? this.intoParentSpace(below, region) : region);
     if (!subpaths.length) return null;
     const id = this.newId();
     const node = { id, type: "path", name: "Fill", ...this.styleFor(false), stroke: null, fillRule: "nonzero", subpaths };
-    if (!_chunkJF5PXN7Wcjs.hasPaint.call(void 0, node.fill)) node.fill = "#808080";
+    if (!_chunkKANRAHTLcjs.hasPaint.call(void 0, node.fill)) node.fill = "#808080";
     const target = below;
     this.change("Fill Region", () => {
       if (target) {
@@ -5356,7 +5646,7 @@ var VectorEditorController = (_class3 = class {
   /** Updates the Shape Builder / paint bucket highlight for the pointer at `p`; true when it changed. */
   hoverBuilder(p, alt) {
     if (this.tool === "paintBucket") {
-      const region = _nullishCoalesce(_optionalChain([this, 'access', _192 => _192.fillMap, 'call', _193 => _193(this.editing.fillGap), 'optionalAccess', _194 => _194.regionAt, 'call', _195 => _195([p.x, p.y])]), () => ( null));
+      const region = _nullishCoalesce(_optionalChain([this, 'access', _191 => _191.fillMap, 'call', _192 => _192(this.editing.fillGap), 'optionalAccess', _193 => _193.regionAt, 'call', _194 => _194([p.x, p.y])]), () => ( null));
       const key2 = region ? _chunkXGD3FSNCcjs.bezierPathToSvg.call(void 0, region, { precision: 2 }) : null;
       if (key2 === this.builderHoverKey) return false;
       this.builderHoverKey = key2;
@@ -5445,7 +5735,7 @@ var VectorEditorController = (_class3 = class {
     for (const r of refs) if (!local.has(r.nodeId)) local.set(r.nodeId, _chunkDWGZUSEScjs.applyMatrixLinear.call(void 0, _chunkDWGZUSEScjs.invertMatrix.call(void 0, this.worldOf(r.nodeId, doc)), { x: dx, y: dy }));
     return this.updateAnchors(doc, refs, (a, ref) => {
       const d = local.get(ref.nodeId);
-      return _chunkJF5PXN7Wcjs.translateAnchor.call(void 0, a, d.x, d.y);
+      return _chunkKANRAHTLcjs.translateAnchor.call(void 0, a, d.x, d.y);
     });
   }
   /**
@@ -5463,8 +5753,8 @@ var VectorEditorController = (_class3 = class {
   }
   /** `doc` with anchor `ref` moved to document point `to` by a Curvature-tool move. */
   curvatureMoved(doc, ref, to) {
-    const node = _chunkJF5PXN7Wcjs.findVectorNode.call(void 0, doc.nodes, ref.nodeId);
-    if (_optionalChain([node, 'optionalAccess', _196 => _196.type]) !== "path" || node.locked || !node.subpaths[ref.subpath]) return doc;
+    const node = _chunkKANRAHTLcjs.findVectorNode.call(void 0, doc.nodes, ref.nodeId);
+    if (_optionalChain([node, 'optionalAccess', _195 => _195.type]) !== "path" || node.locked || !node.subpaths[ref.subpath]) return doc;
     const q = this.toLocal(ref.nodeId, to, doc);
     const subpaths = node.subpaths.map((sp, i) => i === ref.subpath ? curvatureMoveAnchor(sp, ref.index, q) : sp);
     const nodes = mapTree(doc.nodes, (n) => n.id === ref.nodeId ? { ...node, subpaths } : n);
@@ -5472,8 +5762,8 @@ var VectorEditorController = (_class3 = class {
   }
   /** `doc` with segment `ref` bent through document point `p` at parameter `t`. */
   bent(doc, ref, t, p) {
-    const node = _chunkJF5PXN7Wcjs.findVectorNode.call(void 0, doc.nodes, ref.nodeId);
-    if (_optionalChain([node, 'optionalAccess', _197 => _197.type]) !== "path" || node.locked || !node.subpaths[ref.subpath]) return doc;
+    const node = _chunkKANRAHTLcjs.findVectorNode.call(void 0, doc.nodes, ref.nodeId);
+    if (_optionalChain([node, 'optionalAccess', _196 => _196.type]) !== "path" || node.locked || !node.subpaths[ref.subpath]) return doc;
     const q = this.toLocal(ref.nodeId, p, doc);
     const subpaths = node.subpaths.map((sp, i) => i === ref.subpath ? bendSegment(sp, ref.segment, t, q) : sp);
     return { ...doc, nodes: mapTree(doc.nodes, (n) => n.id === ref.nodeId ? { ...node, subpaths } : n) };
@@ -5484,7 +5774,7 @@ var VectorEditorController = (_class3 = class {
    */
   bendSegment(ref, to, t = 0.5) {
     const node = this.getNode(ref.nodeId);
-    const sp = _optionalChain([node, 'optionalAccess', _198 => _198.type]) === "path" ? node.subpaths[ref.subpath] : void 0;
+    const sp = _optionalChain([node, 'optionalAccess', _197 => _197.type]) === "path" ? node.subpaths[ref.subpath] : void 0;
     if (!sp || ref.segment < 0 || ref.segment >= (sp.closed ? sp.anchors.length : sp.anchors.length - 1) || sp.anchors.length < 2) return { ok: false, message: "There is no such segment." };
     if (node.locked) return { ok: false, message: "The path is locked." };
     this.change("Bend Segment", () => {
@@ -5497,7 +5787,7 @@ var VectorEditorController = (_class3 = class {
     if (!getAnchor(this.doc, ref)) return { ok: false, message: "There is no such anchor." };
     const local = this.toLocal(ref.nodeId, to);
     this.change("Move Handle", () => {
-      this.doc = this.updateAnchors(this.doc, [ref], (a) => _chunkJF5PXN7Wcjs.moveAnchorHandle.call(void 0, a, ref.handle, local, options.breakHandles));
+      this.doc = this.updateAnchors(this.doc, [ref], (a) => _chunkKANRAHTLcjs.moveAnchorHandle.call(void 0, a, ref.handle, local, options.breakHandles));
     });
     return { ok: true };
   }
@@ -5509,7 +5799,7 @@ var VectorEditorController = (_class3 = class {
         if (n.type !== "path") return n;
         const mine = refs.filter((r) => r.nodeId === n.id);
         if (!mine.length) return n;
-        const subpaths = n.subpaths.map((sp, s) => mine.filter((r) => r.subpath === s).reduce((acc, r) => _chunkJF5PXN7Wcjs.convertAnchor.call(void 0, acc, r.index, type), sp));
+        const subpaths = n.subpaths.map((sp, s) => mine.filter((r) => r.subpath === s).reduce((acc, r) => _chunkKANRAHTLcjs.convertAnchor.call(void 0, acc, r.index, type), sp));
         return { ...n, subpaths };
       });
       this.setDoc(nodes);
@@ -5519,10 +5809,10 @@ var VectorEditorController = (_class3 = class {
   /** Adds an anchor on the nearest segment of `nodeId` to document point `point` (shape unchanged). */
   insertAnchorAt(nodeId, point) {
     const node = this.getNode(nodeId);
-    if (_optionalChain([node, 'optionalAccess', _199 => _199.type]) !== "path") return null;
-    const hit = _chunkJF5PXN7Wcjs.nearestSegment.call(void 0, node, this.toLocal(nodeId, point));
+    if (_optionalChain([node, 'optionalAccess', _198 => _198.type]) !== "path") return null;
+    const hit = _chunkKANRAHTLcjs.nearestSegment.call(void 0, node, this.toLocal(nodeId, point));
     if (!hit) return null;
-    const { subpath, index } = _chunkJF5PXN7Wcjs.insertAnchor.call(void 0, node.subpaths[hit.subpath], hit.segment, hit.t);
+    const { subpath, index } = _chunkKANRAHTLcjs.insertAnchor.call(void 0, node.subpaths[hit.subpath], hit.segment, hit.t);
     const ref = { nodeId, subpath: hit.subpath, index };
     this.change("Add Point", () => {
       this.replaceNode(nodeId, { ...node, subpaths: node.subpaths.map((sp, i) => i === hit.subpath ? subpath : sp) });
@@ -5547,7 +5837,7 @@ var VectorEditorController = (_class3 = class {
         const subpaths = n.subpaths.map((sp, s) => {
           const indices = mine.filter((r) => r.subpath === s).map((r) => r.index);
           if (!indices.length) return sp;
-          return keepShape ? removeAnchorsKeepingShape(sp, indices) : _chunkJF5PXN7Wcjs.removeAnchors.call(void 0, sp, indices);
+          return keepShape ? removeAnchorsKeepingShape(sp, indices) : _chunkKANRAHTLcjs.removeAnchors.call(void 0, sp, indices);
         }).filter((sp) => sp.anchors.length > 1);
         return subpaths.length ? { ...n, subpaths } : null;
       });
@@ -5563,7 +5853,7 @@ var VectorEditorController = (_class3 = class {
   setClosed(closed, nodeId) {
     const targets = nodeId ? (() => {
       const n = this.getNode(nodeId);
-      return _optionalChain([n, 'optionalAccess', _200 => _200.type]) === "path" ? n.subpaths.map((_, s) => ({ nodeId, subpath: s })) : [];
+      return _optionalChain([n, 'optionalAccess', _199 => _199.type]) === "path" ? n.subpaths.map((_, s) => ({ nodeId, subpath: s })) : [];
     })() : this.anchors.map((r) => ({ nodeId: r.nodeId, subpath: r.subpath }));
     if (!targets.length) return { ok: false, message: "Select a path or points." };
     this.change(closed ? "Close Path" : "Open Path", () => {
@@ -5578,13 +5868,13 @@ var VectorEditorController = (_class3 = class {
   }
   /** Reverses the direction of every subpath of the selected paths. */
   reversePaths(ids = this.selection) {
-    const set = new Set(ids.flatMap((id) => this.getNode(id) ? _chunkJF5PXN7Wcjs.collectPathNodes.call(void 0, this.getNode(id)) : []).map((p) => p.id));
+    const set = new Set(ids.flatMap((id) => this.getNode(id) ? _chunkKANRAHTLcjs.collectPathNodes.call(void 0, this.getNode(id)) : []).map((p) => p.id));
     if (!set.size) return { ok: false, message: "Select a path." };
     this.change("Reverse Path", () => {
       this.setDoc(
         mapTree(
           this.doc.nodes,
-          (n) => n.type === "path" && set.has(n.id) ? { ...n, subpaths: n.subpaths.map(_chunkJF5PXN7Wcjs.reverseSubpath), ..._optionalChain([n, 'access', _201 => _201.strokeWidthProfile, 'optionalAccess', _202 => _202.length]) ? { strokeWidthProfile: _chunkJF5PXN7Wcjs.reverseWidthProfile.call(void 0, n.strokeWidthProfile) } : {} } : n
+          (n) => n.type === "path" && set.has(n.id) ? { ...n, subpaths: n.subpaths.map(_chunkKANRAHTLcjs.reverseSubpath), ..._optionalChain([n, 'access', _200 => _200.strokeWidthProfile, 'optionalAccess', _201 => _201.length]) ? { strokeWidthProfile: _chunkKANRAHTLcjs.reverseWidthProfile.call(void 0, n.strokeWidthProfile) } : {} } : n
         )
       );
       this.anchors = [];
@@ -5601,11 +5891,11 @@ var VectorEditorController = (_class3 = class {
     for (const id of roots) {
       const node = this.getNode(id);
       if (node && !node.locked) {
-        for (const p of _chunkJF5PXN7Wcjs.collectPathNodes.call(void 0, node)) if (!p.locked) out.set(p.id, p);
+        for (const p of _chunkKANRAHTLcjs.collectPathNodes.call(void 0, node)) if (!p.locked) out.set(p.id, p);
       }
     }
     const order = [];
-    _chunkJF5PXN7Wcjs.walkVectorNodes.call(void 0, this.doc.nodes, (n) => {
+    _chunkKANRAHTLcjs.walkVectorNodes.call(void 0, this.doc.nodes, (n) => {
       if (out.has(n.id)) order.push(n.id);
     });
     return order.map((id) => out.get(id));
@@ -5722,9 +6012,9 @@ var VectorEditorController = (_class3 = class {
    */
   cutPathAt(nodeId, point) {
     const node = this.getNode(nodeId);
-    if (_optionalChain([node, 'optionalAccess', _203 => _203.type]) !== "path" || node.locked) return null;
+    if (_optionalChain([node, 'optionalAccess', _202 => _202.type]) !== "path" || node.locked) return null;
     const local = this.toLocal(nodeId, point);
-    const hit = _chunkJF5PXN7Wcjs.nearestSegment.call(void 0, node, local);
+    const hit = _chunkKANRAHTLcjs.nearestSegment.call(void 0, node, local);
     if (!hit) return null;
     const sp = node.subpaths[hit.subpath];
     const n = sp.anchors.length;
@@ -5768,18 +6058,18 @@ var VectorEditorController = (_class3 = class {
   /** Visible, unlocked paths a stroke over `points` can reach: in `ids`, the selection, or (with neither) any whose bounds it crosses. */
   strokeTargets(points, ids, pad) {
     const blocked = /* @__PURE__ */ new Set();
-    _chunkJF5PXN7Wcjs.walkVectorNodes.call(void 0, this.doc.nodes, (n, parent) => {
+    _chunkKANRAHTLcjs.walkVectorNodes.call(void 0, this.doc.nodes, (n, parent) => {
       if (n.visible === false || n.locked || parent && blocked.has(parent.id)) blocked.add(n.id);
     });
     const visible = (p) => !blocked.has(p.id);
-    if (_optionalChain([ids, 'optionalAccess', _204 => _204.length]) || this.selection.length) return this.pathTargets(_nullishCoalesce(ids, () => ( this.selection))).filter(visible);
+    if (_optionalChain([ids, 'optionalAccess', _203 => _203.length]) || this.selection.length) return this.pathTargets(_nullishCoalesce(ids, () => ( this.selection))).filter(visible);
     const box = polylineBounds(points.map(toPoint2), pad);
     if (!box) return [];
     const out = [];
-    _chunkJF5PXN7Wcjs.walkVectorNodes.call(void 0, this.doc.nodes, (n) => {
+    _chunkKANRAHTLcjs.walkVectorNodes.call(void 0, this.doc.nodes, (n) => {
       if (n.type !== "path" || !visible(n)) return;
-      const b = _chunkJF5PXN7Wcjs.vectorNodeBounds.call(void 0, n, _nullishCoalesce(_chunkJF5PXN7Wcjs.vectorParentMatrix.call(void 0, this.doc.nodes, n.id), () => ( _chunkDWGZUSEScjs.IDENTITY_MATRIX)));
-      if (b && _chunkJF5PXN7Wcjs.boundsIntersect.call(void 0, b, box)) out.push(n);
+      const b = _chunkKANRAHTLcjs.vectorNodeBounds.call(void 0, n, _nullishCoalesce(_chunkKANRAHTLcjs.vectorParentMatrix.call(void 0, this.doc.nodes, n.id), () => ( _chunkDWGZUSEScjs.IDENTITY_MATRIX)));
+      if (b && _chunkKANRAHTLcjs.boundsIntersect.call(void 0, b, box)) out.push(n);
     });
     return out;
   }
@@ -5801,8 +6091,8 @@ var VectorEditorController = (_class3 = class {
     for (const node of this.strokeTargets(pts, options.ids, 0)) {
       const closed = node.subpaths.filter((sp) => sp.anchors.length > 1);
       if (!closed.length || closed.some((sp) => !sp.closed)) continue;
-      const result = knifePath(_chunkJF5PXN7Wcjs.subpathsToBezier.call(void 0, closed), _nullishCoalesce(node.fillRule, () => ( "nonzero")), this.localPoints(node.id, pts));
-      if (result) plan.push({ node, pieces: result.map((path) => _chunkJF5PXN7Wcjs.bezierToSubpaths.call(void 0, path)) });
+      const result = knifePath(_chunkKANRAHTLcjs.subpathsToBezier.call(void 0, closed), _nullishCoalesce(node.fillRule, () => ( "nonzero")), this.localPoints(node.id, pts));
+      if (result) plan.push({ node, pieces: result.map((path) => _chunkKANRAHTLcjs.bezierToSubpaths.call(void 0, path)) });
     }
     if (!plan.length) return [];
     const created = [];
@@ -5834,9 +6124,9 @@ var VectorEditorController = (_class3 = class {
       const local = _chunkXGD3FSNCcjs.transformBezierPath.call(void 0, region, _chunkDWGZUSEScjs.invertMatrix.call(void 0, this.worldOf(node.id)));
       const live = node.subpaths.filter((sp) => sp.anchors.length > 1);
       if (!live.length) continue;
-      if (_chunkJF5PXN7Wcjs.hasPaint.call(void 0, node.fill) && live.every((sp) => sp.closed)) {
-        const faces = eraseFromFill(_chunkJF5PXN7Wcjs.subpathsToBezier.call(void 0, live), _nullishCoalesce(node.fillRule, () => ( "nonzero")), local);
-        if (faces) plan.push({ node, pieces: faces.map((f) => _chunkJF5PXN7Wcjs.bezierToSubpaths.call(void 0, f)) });
+      if (_chunkKANRAHTLcjs.hasPaint.call(void 0, node.fill) && live.every((sp) => sp.closed)) {
+        const faces = eraseFromFill(_chunkKANRAHTLcjs.subpathsToBezier.call(void 0, live), _nullishCoalesce(node.fillRule, () => ( "nonzero")), local);
+        if (faces) plan.push({ node, pieces: faces.map((f) => _chunkKANRAHTLcjs.bezierToSubpaths.call(void 0, f)) });
         continue;
       }
       const results = live.map((sp) => eraseFromOutline(sp, local));
@@ -5858,7 +6148,7 @@ var VectorEditorController = (_class3 = class {
   finishPath() {
     if (!this.pen) return;
     const node = this.getNode(this.pen.nodeId);
-    const sp = _optionalChain([node, 'optionalAccess', _205 => _205.subpaths, 'access', _206 => _206[this.pen.subpath]]);
+    const sp = _optionalChain([node, 'optionalAccess', _204 => _204.subpaths, 'access', _205 => _205[this.pen.subpath]]);
     const pen = this.pen;
     this.pen = null;
     this.pointer = null;
@@ -5881,7 +6171,7 @@ var VectorEditorController = (_class3 = class {
   // -------------------------------------------------------------------------
   /** Copies the selection. Returns JSON text for the system clipboard (or null). */
   copy() {
-    const nodes = this.selectedRoots().map((id) => this.getNode(id)).filter((n) => !!n).map((n) => _chunkJF5PXN7Wcjs.cloneVectorNode.call(void 0, n));
+    const nodes = this.selectedRoots().map((id) => this.getNode(id)).filter((n) => !!n).map((n) => _chunkKANRAHTLcjs.cloneVectorNode.call(void 0, n));
     if (!nodes.length) return null;
     this.clipboard = nodes;
     return JSON.stringify({ type: VECTOR_CLIPBOARD_TYPE, nodes });
@@ -5902,27 +6192,27 @@ var VectorEditorController = (_class3 = class {
       if (trimmed.startsWith("{")) {
         try {
           const data = JSON.parse(trimmed);
-          if (_optionalChain([data, 'optionalAccess', _207 => _207.type]) === VECTOR_CLIPBOARD_TYPE && Array.isArray(data.nodes)) nodes = data.nodes;
+          if (_optionalChain([data, 'optionalAccess', _206 => _206.type]) === VECTOR_CLIPBOARD_TYPE && Array.isArray(data.nodes)) nodes = data.nodes;
         } catch (e3) {
           nodes = null;
         }
       } else if (/<svg[\s>]/i.test(trimmed)) {
         try {
-          nodes = _chunkJF5PXN7Wcjs.parseVectorSvg.call(void 0, trimmed).nodes;
+          nodes = _chunkKANRAHTLcjs.parseVectorSvg.call(void 0, trimmed).nodes;
         } catch (e4) {
           nodes = null;
         }
       }
     } else nodes = this.clipboard;
-    if (!_optionalChain([nodes, 'optionalAccess', _208 => _208.length])) return [];
+    if (!_optionalChain([nodes, 'optionalAccess', _207 => _207.length])) return [];
     const offset = _nullishCoalesce(options.offset, () => ( (text && !text.trim().startsWith("{") ? { x: 0, y: 0 } : { x: 10, y: 10 })));
-    const copies = nodes.map((n) => _chunkJF5PXN7Wcjs.transformVectorNode.call(void 0, this.freshIds(n), _chunkDWGZUSEScjs.translateMatrix.call(void 0, offset.x, offset.y)));
+    const copies = nodes.map((n) => _chunkKANRAHTLcjs.transformVectorNode.call(void 0, this.freshIds(n), _chunkDWGZUSEScjs.translateMatrix.call(void 0, offset.x, offset.y)));
     this.change("Paste", () => {
       this.setDoc([...this.doc.nodes, ...copies]);
       this.selection = copies.map((n) => n.id);
       this.anchors = [];
     });
-    if (!text) this.clipboard = copies.map((n) => _chunkJF5PXN7Wcjs.cloneVectorNode.call(void 0, n));
+    if (!text) this.clipboard = copies.map((n) => _chunkKANRAHTLcjs.cloneVectorNode.call(void 0, n));
     return copies.map((n) => n.id);
   }
   // -------------------------------------------------------------------------
@@ -5965,7 +6255,7 @@ var VectorEditorController = (_class3 = class {
   hitHandle(screen) {
     for (const ref of getVisibleHandles(this.view()).reverse()) {
       const a = getAnchorWorld(this.doc, ref);
-      const h = _optionalChain([a, 'optionalAccess', _209 => _209[ref.handle]]);
+      const h = _optionalChain([a, 'optionalAccess', _208 => _208[ref.handle]]);
       if (!h) continue;
       const s = this.documentToScreen(h);
       if (Math.hypot(s.x - screen.x, s.y - screen.y) <= this.hitRadius) return ref;
@@ -6006,7 +6296,7 @@ var VectorEditorController = (_class3 = class {
   /** Deepest unlocked visible path under `p`. */
   /** Live groups being edited (selected, or holding the selection or the edited path): their children are hit as stored. */
   enteredGroups() {
-    return _chunkJF5PXN7Wcjs.vectorEnteredGroups.call(void 0, this.doc.nodes, this.editingId ? [...this.selection, this.editingId] : this.selection);
+    return _chunkKANRAHTLcjs.vectorEnteredGroups.call(void 0, this.doc.nodes, this.editingId ? [...this.selection, this.editingId] : this.selection);
   }
   hitPath(p) {
     const tol = this.tolerance();
@@ -6016,10 +6306,10 @@ var VectorEditorController = (_class3 = class {
         const n = list[i];
         if (n.visible === false || n.locked) continue;
         if (n.type === "group") {
-          if (_chunkJF5PXN7Wcjs.hasOwnVectorAppearance.call(void 0, n) && !entered.has(n.id) && !_chunkJF5PXN7Wcjs.hitTestVectorNode.call(void 0, n, p, tol, parent, { entered })) continue;
-          const found = search(n.children, _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _chunkJF5PXN7Wcjs.nodeMatrix.call(void 0, n), parent));
+          if (_chunkKANRAHTLcjs.hasOwnVectorAppearance.call(void 0, n) && !entered.has(n.id) && !_chunkKANRAHTLcjs.hitTestVectorNode.call(void 0, n, p, tol, parent, { entered })) continue;
+          const found = search(n.children, _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _chunkKANRAHTLcjs.nodeMatrix.call(void 0, n), parent));
           if (found) return found;
-        } else if (_chunkJF5PXN7Wcjs.hitTestVectorNode.call(void 0, n, p, tol, parent, { entered })) return n;
+        } else if (_chunkKANRAHTLcjs.hitTestVectorNode.call(void 0, n, p, tol, parent, { entered })) return n;
       }
       return null;
     };
@@ -6028,7 +6318,7 @@ var VectorEditorController = (_class3 = class {
   /** Endpoints of open subpaths of unlocked visible paths (pen tool resumes from them). */
   openEndpoints() {
     const out = [];
-    _chunkJF5PXN7Wcjs.walkVectorNodes.call(void 0, this.doc.nodes, (n) => {
+    _chunkKANRAHTLcjs.walkVectorNodes.call(void 0, this.doc.nodes, (n) => {
       if (n.type !== "path" || n.locked || n.visible === false) return;
       n.subpaths.forEach((sp, s) => {
         if (sp.closed || sp.anchors.length < 1) return;
@@ -6044,7 +6334,7 @@ var VectorEditorController = (_class3 = class {
       case "select": {
         const handle = this.hitTransformHandle(screen);
         if (handle) return { nodeId: null, transformHandle: handle };
-        const node = _chunkJF5PXN7Wcjs.hitTestVectorNodes.call(void 0, this.doc.nodes, p, this.tolerance(), { entered: this.enteredGroups() });
+        const node = _chunkKANRAHTLcjs.hitTestVectorNodes.call(void 0, this.doc.nodes, p, this.tolerance(), { entered: this.enteredGroups() });
         return node ? { nodeId: node.id } : null;
       }
       case "direct": {
@@ -6056,7 +6346,7 @@ var VectorEditorController = (_class3 = class {
         if (widget) return { nodeId: widget.ref.nodeId, corner: widget.ref };
         for (const id of getEditablePathIds(this.view())) {
           const node = this.getNode(id);
-          const seg = _chunkJF5PXN7Wcjs.nearestSegment.call(void 0, node, this.toLocal(id, p));
+          const seg = _chunkKANRAHTLcjs.nearestSegment.call(void 0, node, this.toLocal(id, p));
           if (seg && seg.distance <= this.tolerance()) {
             const point = _chunkDWGZUSEScjs.applyMatrix.call(void 0, this.worldOf(id), seg.point);
             return { nodeId: id, segment: { nodeId: id, subpath: seg.subpath, segment: seg.segment, t: seg.t, point } };
@@ -6095,7 +6385,7 @@ var VectorEditorController = (_class3 = class {
       case "envelope": {
         const hit = this.hitEnvelope(screen, p);
         if (hit) return { nodeId: hit.target.node.id, envelope: { nodeId: hit.target.node.id, index: hit.index } };
-        const node = _chunkJF5PXN7Wcjs.hitTestVectorNodes.call(void 0, this.doc.nodes, p, this.tolerance(), { entered: this.enteredGroups() });
+        const node = _chunkKANRAHTLcjs.hitTestVectorNodes.call(void 0, this.doc.nodes, p, this.tolerance(), { entered: this.enteredGroups() });
         return node ? { nodeId: node.id } : null;
       }
       default:
@@ -6110,7 +6400,7 @@ var VectorEditorController = (_class3 = class {
     const shown = this.hitWidthHandleIn(screen, this.widthView());
     if (shown) return shown;
     const spot = this.strokeSpotAt(this.screenToDocument(screen));
-    return spot && spot.nodeId !== _optionalChain([this, 'access', _210 => _210.hover, 'optionalAccess', _211 => _211.nodeId]) ? this.hitWidthHandleIn(screen, { ...this.widthView(), hover: { nodeId: spot.nodeId } }) : null;
+    return spot && spot.nodeId !== _optionalChain([this, 'access', _209 => _209.hover, 'optionalAccess', _210 => _210.nodeId]) ? this.hitWidthHandleIn(screen, { ...this.widthView(), hover: { nodeId: spot.nodeId } }) : null;
   }
   hitWidthHandleIn(screen, view) {
     let best = null;
@@ -6131,19 +6421,19 @@ var VectorEditorController = (_class3 = class {
   strokeSpotAt(p) {
     let best = null;
     const tol = this.tolerance();
-    _chunkJF5PXN7Wcjs.walkVectorNodes.call(void 0, this.doc.nodes, (n) => {
+    _chunkKANRAHTLcjs.walkVectorNodes.call(void 0, this.doc.nodes, (n) => {
       if (n.type !== "path" || n.visible === false || n.locked) return;
       if (hiddenOrLocked(this.doc.nodes, n.id)) return;
       const g = vectorStrokeWidthGeometry(n);
       if (!g) return;
       const m = this.worldOf(n.id);
       const local = _chunkDWGZUSEScjs.applyMatrix.call(void 0, _chunkDWGZUSEScjs.invertMatrix.call(void 0, m), p);
-      const near2 = _chunkJF5PXN7Wcjs.nearestStrokePosition.call(void 0, g.line, [local.x, local.y]);
+      const near2 = _chunkKANRAHTLcjs.nearestStrokePosition.call(void 0, g.line, [local.x, local.y]);
       if (!near2) return;
-      const profile = _chunkJF5PXN7Wcjs.strokeWidthProfileOf.call(void 0, n);
-      const w = _chunkJF5PXN7Wcjs.widthProfileAt.call(void 0, profile, near2.t);
+      const profile = _chunkKANRAHTLcjs.strokeWidthProfileOf.call(void 0, n);
+      const w = _chunkKANRAHTLcjs.widthProfileAt.call(void 0, profile, near2.t);
       const reach = Math.max(near2.side === "left" ? w.left : w.right, 0) * g.unit + tol;
-      if (near2.distance > reach || near2.distance > _chunkJF5PXN7Wcjs.widthProfileMaxScale.call(void 0, profile) * g.unit + tol) return;
+      if (near2.distance > reach || near2.distance > _chunkKANRAHTLcjs.widthProfileMaxScale.call(void 0, profile) * g.unit + tol) return;
       if (best && near2.distance >= best.distance) return;
       const nx = near2.tangent[1];
       const ny = -near2.tangent[0];
@@ -6165,9 +6455,9 @@ var VectorEditorController = (_class3 = class {
   downWidth(screen, p, input) {
     const hit = this.hitWidthHandle(screen);
     const spot = hit ? null : this.strokeSpotAt(p);
-    const nodeId = _nullishCoalesce(_optionalChain([hit, 'optionalAccess', _212 => _212.ref, 'access', _213 => _213.nodeId]), () => ( _optionalChain([spot, 'optionalAccess', _214 => _214.nodeId])));
+    const nodeId = _nullishCoalesce(_optionalChain([hit, 'optionalAccess', _211 => _211.ref, 'access', _212 => _212.nodeId]), () => ( _optionalChain([spot, 'optionalAccess', _213 => _213.nodeId])));
     const node = nodeId ? this.getNode(nodeId) : void 0;
-    const g = _optionalChain([node, 'optionalAccess', _215 => _215.type]) === "path" ? vectorStrokeWidthGeometry(node) : null;
+    const g = _optionalChain([node, 'optionalAccess', _214 => _214.type]) === "path" ? vectorStrokeWidthGeometry(node) : null;
     if (this.widthEdit) this.widthEdit = null;
     if (!node || node.type !== "path" || !g) {
       if (!input.shift) this.widthPoints = [];
@@ -6185,11 +6475,11 @@ var VectorEditorController = (_class3 = class {
     let t;
     let subpath;
     if (hit) {
-      profile = _chunkJF5PXN7Wcjs.sanitizeWidthProfile.call(void 0, node.strokeWidthProfile);
+      profile = _chunkKANRAHTLcjs.sanitizeWidthProfile.call(void 0, node.strokeWidthProfile);
       ref = { nodeId: node.id, index: hit.ref.index, subpath: hit.ref.subpath };
-      t = _nullishCoalesce(_optionalChain([profile, 'access', _216 => _216[ref.index], 'optionalAccess', _217 => _217.t]), () => ( 0));
+      t = _nullishCoalesce(_optionalChain([profile, 'access', _215 => _215[ref.index], 'optionalAccess', _216 => _216.t]), () => ( 0));
       subpath = hit.ref.subpath;
-      if (hit.ref.part === "center") mode = input.alt && profile.length < _chunkJF5PXN7Wcjs.VECTOR_WIDTH_PROFILE_MAX_POINTS ? "copy" : "move";
+      if (hit.ref.part === "center") mode = input.alt && profile.length < _chunkKANRAHTLcjs.VECTOR_WIDTH_PROFILE_MAX_POINTS ? "copy" : "move";
       else if (input.alt) side = hit.ref.part;
       const same = this.widthPoints.length > 0 && this.widthPoints[0].nodeId === node.id;
       const selected = same && this.widthPoints.some((r) => r.index === ref.index);
@@ -6204,8 +6494,8 @@ var VectorEditorController = (_class3 = class {
       } else if (mode === "copy" || !selected) this.widthPoints = [ref];
       if (mode !== "copy") group = this.widthPoints.filter((r) => r.index !== ref.index).map((r) => r.index);
     } else {
-      const near2 = _chunkJF5PXN7Wcjs.nearestStrokePosition.call(void 0, g.line, [local.x, local.y]);
-      const inserted = _chunkJF5PXN7Wcjs.insertWidthPoint.call(void 0, _chunkJF5PXN7Wcjs.strokeWidthProfileOf.call(void 0, node), near2.t);
+      const near2 = _chunkKANRAHTLcjs.nearestStrokePosition.call(void 0, g.line, [local.x, local.y]);
+      const inserted = _chunkKANRAHTLcjs.insertWidthPoint.call(void 0, _chunkKANRAHTLcjs.strokeWidthProfileOf.call(void 0, node), near2.t);
       profile = inserted.points;
       subpath = near2.contour;
       t = near2.t;
@@ -6213,7 +6503,7 @@ var VectorEditorController = (_class3 = class {
       if (input.alt) side = near2.side;
       this.widthPoints = [ref];
     }
-    const at = _chunkJF5PXN7Wcjs.strokePositionPoint.call(void 0, g.line, subpath, t);
+    const at = _chunkKANRAHTLcjs.strokePositionPoint.call(void 0, g.line, subpath, t);
     if (!at) return;
     const base = { ...this.doc, nodes: mapTree(this.doc.nodes, (n) => n.id === node.id ? { ...n, strokeWidthProfile: profile } : n) };
     this.doc = base;
@@ -6247,14 +6537,14 @@ var VectorEditorController = (_class3 = class {
    */
   snapWidthT(drag, node, line2, t, skip) {
     const m = this.worldOf(node.id, drag.base);
-    const at = _chunkJF5PXN7Wcjs.strokePositionPoint.call(void 0, line2, drag.ref.subpath, t);
+    const at = _chunkKANRAHTLcjs.strokePositionPoint.call(void 0, line2, drag.ref.subpath, t);
     if (!at) return t;
     const here = this.documentToScreen(_chunkDWGZUSEScjs.applyMatrix.call(void 0, m, { x: at.point[0], y: at.point[1] }));
     let best = t;
     let bestD = this.hitRadius;
     drag.profile.forEach((w, i) => {
       if (i === skip || drag.group.includes(i)) return;
-      const q = _chunkJF5PXN7Wcjs.strokePositionPoint.call(void 0, line2, drag.ref.subpath, w.t);
+      const q = _chunkKANRAHTLcjs.strokePositionPoint.call(void 0, line2, drag.ref.subpath, w.t);
       if (!q) return;
       const s = this.documentToScreen(_chunkDWGZUSEScjs.applyMatrix.call(void 0, m, { x: q.point[0], y: q.point[1] }));
       const d = Math.hypot(s.x - here.x, s.y - here.y);
@@ -6273,12 +6563,12 @@ var VectorEditorController = (_class3 = class {
       for (let i = list.length - 1; i >= 0; i--) {
         const n = list[i];
         if (n.visible === false || n.locked) continue;
-        const m = _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _chunkJF5PXN7Wcjs.nodeMatrix.call(void 0, n), parent);
+        const m = _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _chunkKANRAHTLcjs.nodeMatrix.call(void 0, n), parent);
         if (n.type === "group") {
           visit(n.children, m);
           continue;
         }
-        const hit = _chunkJF5PXN7Wcjs.nearestSegment.call(void 0, n, _chunkDWGZUSEScjs.applyMatrix.call(void 0, _chunkDWGZUSEScjs.invertMatrix.call(void 0, m), p));
+        const hit = _chunkKANRAHTLcjs.nearestSegment.call(void 0, n, _chunkDWGZUSEScjs.applyMatrix.call(void 0, _chunkDWGZUSEScjs.invertMatrix.call(void 0, m), p));
         if (hit && hit.distance <= tol && (!best || hit.distance < best.distance - 1e-9)) {
           best = { nodeId: n.id, subpath: hit.subpath, segment: hit.segment, t: hit.t, point: _chunkDWGZUSEScjs.applyMatrix.call(void 0, m, hit.point), distance: hit.distance };
         }
@@ -6341,12 +6631,12 @@ var VectorEditorController = (_class3 = class {
   }
   /** The shape under the pointer for the Blend tool, and the anchor of its first subpath under it. */
   blendHit(screen, p) {
-    const node = _chunkJF5PXN7Wcjs.hitTestVectorNodes.call(void 0, this.doc.nodes, p, this.tolerance());
+    const node = _chunkKANRAHTLcjs.hitTestVectorNodes.call(void 0, this.doc.nodes, p, this.tolerance());
     if (!node) return null;
     let anchor = null;
     if (node.type === "path" && node.subpaths[0]) {
       const refs = node.subpaths[0].anchors.map((_, index) => ({ nodeId: node.id, subpath: 0, index }));
-      anchor = _nullishCoalesce(_optionalChain([this, 'access', _218 => _218.hitAnchor, 'call', _219 => _219(screen, refs), 'optionalAccess', _220 => _220.index]), () => ( null));
+      anchor = _nullishCoalesce(_optionalChain([this, 'access', _217 => _217.hitAnchor, 'call', _218 => _218(screen, refs), 'optionalAccess', _219 => _219.index]), () => ( null));
     }
     return { nodeId: node.id, anchor };
   }
@@ -6390,7 +6680,7 @@ var VectorEditorController = (_class3 = class {
       this.notify();
       return;
     }
-    const node = _chunkJF5PXN7Wcjs.hitTestVectorNodes.call(void 0, this.doc.nodes, p, this.tolerance(), { entered: this.enteredGroups() });
+    const node = _chunkKANRAHTLcjs.hitTestVectorNodes.call(void 0, this.doc.nodes, p, this.tolerance(), { entered: this.enteredGroups() });
     if (node) {
       const selected = this.selection.includes(node.id);
       if (input.shift) {
@@ -6458,12 +6748,12 @@ var VectorEditorController = (_class3 = class {
     }
     for (const id of getEditablePathIds(this.view())) {
       const node = this.getNode(id);
-      const seg = _chunkJF5PXN7Wcjs.nearestSegment.call(void 0, node, this.toLocal(id, p));
+      const seg = _chunkKANRAHTLcjs.nearestSegment.call(void 0, node, this.toLocal(id, p));
       if (!seg || seg.distance > this.tolerance()) continue;
       const sp = node.subpaths[seg.subpath];
       if (input.alt) {
         const before = this.snapshot();
-        const { subpath, index } = _chunkJF5PXN7Wcjs.insertAnchor.call(void 0, sp, seg.segment, seg.t);
+        const { subpath, index } = _chunkKANRAHTLcjs.insertAnchor.call(void 0, sp, seg.segment, seg.t);
         this.replaceNode(id, { ...node, subpaths: node.subpaths.map((s, i) => i === seg.subpath ? subpath : s) });
         const ref = { nodeId: id, subpath: seg.subpath, index };
         this.anchors = [ref];
@@ -6499,7 +6789,7 @@ var VectorEditorController = (_class3 = class {
   }
   downPen(screen, p, input) {
     const before = this.snapshot();
-    const sp = this.pen ? _optionalChain([this, 'access', _221 => _221.getNode, 'call', _222 => _222(this.pen.nodeId), 'optionalAccess', _223 => _223.subpaths, 'access', _224 => _224[this.pen.subpath]]) : void 0;
+    const sp = this.pen ? _optionalChain([this, 'access', _220 => _220.getNode, 'call', _221 => _221(this.pen.nodeId), 'optionalAccess', _222 => _222.subpaths, 'access', _223 => _223[this.pen.subpath]]) : void 0;
     if (this.pen && sp) {
       const pen = this.pen;
       const first = { nodeId: pen.nodeId, subpath: pen.subpath, index: 0 };
@@ -6530,7 +6820,7 @@ var VectorEditorController = (_class3 = class {
       let node2 = this.getNode(endpoint.nodeId);
       let index = endpoint.index;
       if (index === 0 && node2.subpaths[endpoint.subpath].anchors.length > 1) {
-        node2 = { ...node2, subpaths: node2.subpaths.map((s, i) => i === endpoint.subpath ? _chunkJF5PXN7Wcjs.reverseSubpath.call(void 0, s) : s) };
+        node2 = { ...node2, subpaths: node2.subpaths.map((s, i) => i === endpoint.subpath ? _chunkKANRAHTLcjs.reverseSubpath.call(void 0, s) : s) };
         this.replaceNode(node2.id, node2);
         index = node2.subpaths[endpoint.subpath].anchors.length - 1;
       }
@@ -6666,7 +6956,7 @@ var VectorEditorController = (_class3 = class {
         return;
       }
       case "marquee": {
-        const bounds = _chunkJF5PXN7Wcjs.boundsFromPoints.call(void 0, drag.start, p);
+        const bounds = _chunkKANRAHTLcjs.boundsFromPoints.call(void 0, drag.start, p);
         this.interaction = { type: "marquee", bounds };
         if (drag.anchorsMode) {
           const inside = getVisibleAnchors(this.view()).filter((r) => {
@@ -6676,8 +6966,8 @@ var VectorEditorController = (_class3 = class {
           this.anchors = [...drag.baseAnchors, ...inside.filter((r) => !drag.baseAnchors.some((b) => sameRef(b, r)))];
         } else {
           const hits = this.doc.nodes.filter((n) => !n.locked && n.visible !== false).filter((n) => {
-            const b = _chunkJF5PXN7Wcjs.vectorNodeBounds.call(void 0, n);
-            return b && _chunkJF5PXN7Wcjs.boundsIntersect.call(void 0, b, bounds);
+            const b = _chunkKANRAHTLcjs.vectorNodeBounds.call(void 0, n);
+            return b && _chunkKANRAHTLcjs.boundsIntersect.call(void 0, b, bounds);
           }).map((n) => n.id);
           this.selection = [.../* @__PURE__ */ new Set([...drag.base, ...hits])];
         }
@@ -6709,7 +6999,7 @@ var VectorEditorController = (_class3 = class {
         const leave = anchor ? { at: { x: anchor.x, y: anchor.y }, constrain: input.shift ? "angle" : null } : null;
         const pt = this.snapDrawn(p, leave, input, () => drag.targets ??= VectorSnapTargets.forHandle(drag.base, drag.ref.nodeId));
         const local = this.toLocal(drag.ref.nodeId, pt, drag.base);
-        this.doc = this.updateAnchors(drag.base, [drag.ref], (a) => _chunkJF5PXN7Wcjs.moveAnchorHandle.call(void 0, a, drag.ref.handle, local, input.alt));
+        this.doc = this.updateAnchors(drag.base, [drag.ref], (a) => _chunkKANRAHTLcjs.moveAnchorHandle.call(void 0, a, drag.ref.handle, local, input.alt));
         this.interaction = { type: "handle", ref: drag.ref };
         this.notify(true);
         return;
@@ -6720,8 +7010,8 @@ var VectorEditorController = (_class3 = class {
         const c = drag.widget.corner;
         const inv = _chunkDWGZUSEScjs.invertMatrix.call(void 0, this.worldOf(drag.widget.ref.nodeId, drag.base));
         const d = _chunkDWGZUSEScjs.applyMatrixLinear.call(void 0, inv, { x: p.x - drag.start.x, y: p.y - drag.start.y });
-        const radius = Math.max(0, Math.min(c.maxRadius, drag.widget.drawnRadius + _chunkJF5PXN7Wcjs.cornerRadiusChange.call(void 0, c, d)));
-        this.doc = this.updateAnchors(drag.base, drag.refs, (a) => _chunkJF5PXN7Wcjs.setAnchorCorner.call(void 0, a, radius));
+        const radius = Math.max(0, Math.min(c.maxRadius, drag.widget.drawnRadius + _chunkKANRAHTLcjs.cornerRadiusChange.call(void 0, c, d)));
+        this.doc = this.updateAnchors(drag.base, drag.refs, (a) => _chunkKANRAHTLcjs.setAnchorCorner.call(void 0, a, radius));
         this.interaction = { type: "corner", ref: drag.widget.ref, radius };
         this.notify(true);
         return;
@@ -6758,15 +7048,15 @@ var VectorEditorController = (_class3 = class {
         const side = drag.closing ? "in" : "out";
         const pos = this.toLocal(drag.ref.nodeId, drag.closing ? { x: 2 * anchor.x - pt.x, y: 2 * anchor.y - pt.y } : pt, drag.base);
         this.doc = this.updateAnchors(drag.base, [drag.ref], (a) => {
-          if (drag.outOnly || drag.altBreaks && input.alt) return _chunkJF5PXN7Wcjs.moveAnchorHandle.call(void 0, a, side, pos, true);
-          return _chunkJF5PXN7Wcjs.moveAnchorHandle.call(void 0, { ...a, type: "symmetric" }, side, pos);
+          if (drag.outOnly || drag.altBreaks && input.alt) return _chunkKANRAHTLcjs.moveAnchorHandle.call(void 0, a, side, pos, true);
+          return _chunkKANRAHTLcjs.moveAnchorHandle.call(void 0, { ...a, type: "symmetric" }, side, pos);
         });
         this.notify(true);
         return;
       }
       case "shape": {
         const node = this.getNode(drag.nodeId);
-        if (_optionalChain([node, 'optionalAccess', _225 => _225.type]) !== "path") return;
+        if (_optionalChain([node, 'optionalAccess', _224 => _224.type]) !== "path") return;
         const leave = { at: drag.start, constrain: input.shift ? drag.tool === "line" ? "angle" : "square" : null, curves: false };
         let end = this.snapDrawn(p, leave, input, () => drag.targets ??= this.drawingTargets(null));
         if (!this.snappedToObject && drag.tool !== "line" && !input.shift && !input.mod && this.snap.objects && drag.targets) end = this.matchShapeSize(drag.targets, drag.start, end, input.alt);
@@ -6787,7 +7077,7 @@ var VectorEditorController = (_class3 = class {
           if (input.alt) start = { x: start.x - w, y: start.y - h };
           const x2 = drag.start.x + w;
           const y2 = drag.start.y + h;
-          bounds = _chunkJF5PXN7Wcjs.boundsFromPoints.call(void 0, start, { x: x2, y: y2 });
+          bounds = _chunkKANRAHTLcjs.boundsFromPoints.call(void 0, start, { x: x2, y: y2 });
         }
         const shaped = this.createShapeNode({ kind: drag.tool, ...bounds });
         this.replaceNode(drag.nodeId, { ...node, subpaths: shaped.subpaths });
@@ -6798,32 +7088,32 @@ var VectorEditorController = (_class3 = class {
       case "width": {
         if (!drag.moved && Math.hypot(p.x - drag.start.x, p.y - drag.start.y) * this.viewport.zoom < 2) return;
         drag.moved = true;
-        const node = _chunkJF5PXN7Wcjs.findVectorNode.call(void 0, drag.base.nodes, drag.ref.nodeId);
+        const node = _chunkKANRAHTLcjs.findVectorNode.call(void 0, drag.base.nodes, drag.ref.nodeId);
         const local = this.toLocal(node.id, p, drag.base);
         const src = drag.profile[drag.source];
         let profile;
         let index = drag.source;
         if (drag.mode !== "width") {
           const g = vectorStrokeWidthGeometry(node);
-          const near2 = g ? _chunkJF5PXN7Wcjs.nearestStrokePosition.call(void 0, g.line, [local.x, local.y], drag.ref.subpath) : null;
+          const near2 = g ? _chunkKANRAHTLcjs.nearestStrokePosition.call(void 0, g.line, [local.x, local.y], drag.ref.subpath) : null;
           if (!g || !near2) return;
           const t = drag.group.length ? near2.t : this.snapWidthT(drag, node, g.line, near2.t, drag.source);
           if (drag.mode === "copy") {
-            ({ points: profile, index } = _chunkJF5PXN7Wcjs.insertWidthPoint.call(void 0, drag.profile, t, { left: src.left, right: src.right }, { step: true }));
+            ({ points: profile, index } = _chunkKANRAHTLcjs.insertWidthPoint.call(void 0, drag.profile, t, { left: src.left, right: src.right }, { step: true }));
           } else if (drag.group.length) {
             const shifted = shiftWidthPoints(drag.profile, [drag.source, ...drag.group], t - src.t);
             profile = shifted.points;
             drag.renumber = shifted.renumber;
             index = _nullishCoalesce(shifted.renumber.get(drag.source), () => ( drag.source));
-          } else profile = _chunkJF5PXN7Wcjs.setWidthPoint.call(void 0, drag.profile, drag.source, { t });
+          } else profile = _chunkKANRAHTLcjs.setWidthPoint.call(void 0, drag.profile, drag.source, { t });
         } else {
           const off = ((local.x - drag.origin.x) * drag.normal.x + (local.y - drag.origin.y) * drag.normal.y) / drag.unit;
           const patch = drag.side === "both" ? { left: Math.abs(off), right: Math.abs(off) } : drag.side === "left" ? { left: Math.max(0, off) } : { right: Math.max(0, -off) };
-          profile = _chunkJF5PXN7Wcjs.setWidthPoint.call(void 0, drag.profile, drag.source, patch);
+          profile = _chunkKANRAHTLcjs.setWidthPoint.call(void 0, drag.profile, drag.source, patch);
           if (drag.group.length) {
             const dl = profile[drag.source].left - src.left;
             const dr = profile[drag.source].right - src.right;
-            for (const i of drag.group) profile = _chunkJF5PXN7Wcjs.setWidthPoint.call(void 0, profile, i, { left: Math.max(0, drag.profile[i].left + dl), right: Math.max(0, drag.profile[i].right + dr) });
+            for (const i of drag.group) profile = _chunkKANRAHTLcjs.setWidthPoint.call(void 0, profile, i, { left: Math.max(0, drag.profile[i].left + dl), right: Math.max(0, drag.profile[i].right + dr) });
           }
         }
         this.doc = { ...drag.base, nodes: mapTree(drag.base.nodes, (n) => n.id === node.id ? { ...n, strokeWidthProfile: profile } : n) };
@@ -6840,14 +7130,14 @@ var VectorEditorController = (_class3 = class {
         for (const q of drag.lazy.push([p.x, p.y])) {
           if (Math.hypot(q[0] - last[0], q[1] - last[1]) * this.viewport.zoom < 1.5) continue;
           drag.points.push(q);
-          _optionalChain([drag, 'access', _226 => _226.pressures, 'optionalAccess', _227 => _227.push, 'call', _228 => _228(drag.pressure)]);
+          _optionalChain([drag, 'access', _225 => _225.pressures, 'optionalAccess', _226 => _226.push, 'call', _227 => _227(drag.pressure)]);
           moved = true;
         }
         const string = drag.lazy.string();
         const node = this.getNode(drag.nodeId);
-        if (_optionalChain([node, 'optionalAccess', _229 => _229.type]) !== "path") return;
+        if (_optionalChain([node, 'optionalAccess', _228 => _228.type]) !== "path") return;
         if (!moved) {
-          if (string && _optionalChain([this, 'access', _230 => _230.interaction, 'optionalAccess', _231 => _231.type]) === "draw") {
+          if (string && _optionalChain([this, 'access', _229 => _229.interaction, 'optionalAccess', _230 => _230.type]) === "draw") {
             this.interaction = { ...this.interaction, string: [{ x: string[0][0], y: string[0][1] }, { x: string[1][0], y: string[1][1] }] };
             this.notify();
           }
@@ -6883,8 +7173,8 @@ var VectorEditorController = (_class3 = class {
     }
     this.setGuides(res);
     return {
-      dx: _optionalChain([res, 'optionalAccess', _232 => _232.x]) ? dx + res.dx : axes.x ? this.gridValue(origin.x + dx) - origin.x : dx,
-      dy: _optionalChain([res, 'optionalAccess', _233 => _233.y]) ? dy + res.dy : axes.y ? this.gridValue(origin.y + dy) - origin.y : dy
+      dx: _optionalChain([res, 'optionalAccess', _231 => _231.x]) ? dx + res.dx : axes.x ? this.gridValue(origin.x + dx) - origin.x : dx,
+      dy: _optionalChain([res, 'optionalAccess', _232 => _232.y]) ? dy + res.dy : axes.y ? this.gridValue(origin.y + dy) - origin.y : dy
     };
   }
   /** The anchor a point drag snaps by, where it started: the grabbed one, else the moving one nearest the press. */
@@ -6968,8 +7258,8 @@ var VectorEditorController = (_class3 = class {
       case "corner": {
         if (drag.moved) return this.commit("Corner Radius", drag.before);
         if (drag.alt) {
-          const kind = _chunkJF5PXN7Wcjs.nextVectorCornerKind.call(void 0, drag.widget.kind);
-          this.doc = this.updateAnchors(drag.base, drag.refs, (a) => _chunkJF5PXN7Wcjs.setAnchorCorner.call(void 0, a, _nullishCoalesce(_optionalChain([a, 'access', _234 => _234.corner, 'optionalAccess', _235 => _235.radius]), () => ( 0)), kind));
+          const kind = _chunkKANRAHTLcjs.nextVectorCornerKind.call(void 0, drag.widget.kind);
+          this.doc = this.updateAnchors(drag.base, drag.refs, (a) => _chunkKANRAHTLcjs.setAnchorCorner.call(void 0, a, _nullishCoalesce(_optionalChain([a, 'access', _233 => _233.corner, 'optionalAccess', _234 => _234.radius]), () => ( 0)), kind));
           return this.commit("Corner Kind", drag.before);
         }
         const ref = drag.widget.ref;
@@ -6984,7 +7274,7 @@ var VectorEditorController = (_class3 = class {
           const several = drag.group.length > 0;
           if (drag.mode === "copy") this.widthPoints = [drag.ref];
           else if (drag.mode === "move" && several) {
-            this.widthPoints = [drag.source, ...drag.group].map((i) => ({ ...drag.ref, index: _nullishCoalesce(_optionalChain([drag, 'access', _236 => _236.renumber, 'optionalAccess', _237 => _237.get, 'call', _238 => _238(i)]), () => ( i)) }));
+            this.widthPoints = [drag.source, ...drag.group].map((i) => ({ ...drag.ref, index: _nullishCoalesce(_optionalChain([drag, 'access', _235 => _235.renumber, 'optionalAccess', _236 => _236.get, 'call', _237 => _237(i)]), () => ( i)) }));
           } else if (!several) this.widthPoints = [drag.ref];
           const label = drag.mode === "copy" ? "Copy Width Point" : drag.mode === "move" ? several ? "Move Width Points" : "Move Width Point" : several ? "Width Points" : "Width Point";
           return this.commit(label, drag.before);
@@ -7014,7 +7304,7 @@ var VectorEditorController = (_class3 = class {
         return this.commit(drag.label, drag.before);
       case "shape": {
         const node = this.getNode(drag.nodeId);
-        const b = node ? _chunkJF5PXN7Wcjs.vectorNodeBounds.call(void 0, node) : null;
+        const b = node ? _chunkKANRAHTLcjs.vectorNodeBounds.call(void 0, node) : null;
         const min = 2 / this.viewport.zoom;
         if (!b || b.width < min && b.height < min) {
           this.doc = drag.before.doc;
@@ -7028,14 +7318,14 @@ var VectorEditorController = (_class3 = class {
       }
       case "pencil": {
         const node = this.getNode(drag.nodeId);
-        if (_optionalChain([node, 'optionalAccess', _239 => _239.type]) !== "path" || drag.points.length < 2) {
+        if (_optionalChain([node, 'optionalAccess', _238 => _238.type]) !== "path" || drag.points.length < 2) {
           this.doc = drag.before.doc;
           this.notify(true);
           return;
         }
         for (const q of drag.lazy.finish()) {
           drag.points.push(q);
-          _optionalChain([drag, 'access', _240 => _240.pressures, 'optionalAccess', _241 => _241.push, 'call', _242 => _242(drag.pressure)]);
+          _optionalChain([drag, 'access', _239 => _239.pressures, 'optionalAccess', _240 => _240.push, 'call', _241 => _241(drag.pressure)]);
         }
         const shape = this.editing.recognizeShapes ? recognizeInkShape(drag.points, { minSize: 6 / this.viewport.zoom }) : null;
         if (shape) {
@@ -7050,7 +7340,7 @@ var VectorEditorController = (_class3 = class {
           anchors[anchors.length - 1].out = { x: c.p1[0], y: c.p1[1] };
           anchors.push({ x: c.p3[0], y: c.p3[1], in: { x: c.p2[0], y: c.p2[1] } });
         }
-        const subpaths = anchors.length > 1 ? _chunkJF5PXN7Wcjs.bezierToSubpaths.call(void 0, _chunkJF5PXN7Wcjs.subpathsToBezier.call(void 0, [{ anchors, closed: false }])) : node.subpaths;
+        const subpaths = anchors.length > 1 ? _chunkKANRAHTLcjs.bezierToSubpaths.call(void 0, _chunkKANRAHTLcjs.subpathsToBezier.call(void 0, [{ anchors, closed: false }])) : node.subpaths;
         const profile = drag.pressures ? pencilPressureProfile(drag.points, drag.pressures) : [];
         this.replaceNode(drag.nodeId, { ...node, subpaths, ...profile.length ? { strokeWidthProfile: profile } : {} });
         this.selection = [drag.nodeId];
@@ -7110,10 +7400,10 @@ var VectorEditorController = (_class3 = class {
         this.convertAnchors(a.in || a.out ? "corner" : "smooth", [anchor]);
         return;
       }
-      const id = _nullishCoalesce(_optionalChain([this, 'access', _243 => _243.hover, 'optionalAccess', _244 => _244.segment, 'optionalAccess', _245 => _245.nodeId]), () => ( this.editingId));
+      const id = _nullishCoalesce(_optionalChain([this, 'access', _242 => _242.hover, 'optionalAccess', _243 => _243.segment, 'optionalAccess', _244 => _244.nodeId]), () => ( this.editingId));
       if (id) {
         const node = this.getNode(id);
-        const seg = node ? _chunkJF5PXN7Wcjs.nearestSegment.call(void 0, node, this.toLocal(id, p)) : null;
+        const seg = node ? _chunkKANRAHTLcjs.nearestSegment.call(void 0, node, this.toLocal(id, p)) : null;
         if (seg && seg.distance <= this.tolerance()) this.insertAnchorAt(id, p);
       }
       return;
@@ -7207,7 +7497,7 @@ var VectorEditorController = (_class3 = class {
           this.finishPath();
           return true;
         }
-        if (this.tool === "select" && this.selection.length === 1 && _optionalChain([this, 'access', _246 => _246.getNode, 'call', _247 => _247(this.selection[0]), 'optionalAccess', _248 => _248.type]) === "path") {
+        if (this.tool === "select" && this.selection.length === 1 && _optionalChain([this, 'access', _245 => _245.getNode, 'call', _246 => _246(this.selection[0]), 'optionalAccess', _247 => _247.type]) === "path") {
           this.tool = "direct";
           this.editingId = this.selection[0];
           this.notify();
@@ -7262,11 +7552,11 @@ function inkShapeLabel(shape) {
 function inkShapeSubpath(shape) {
   switch (shape.kind) {
     case "line":
-      return _chunkJF5PXN7Wcjs.lineSubpath.call(void 0, { x: shape.a[0], y: shape.a[1] }, { x: shape.b[0], y: shape.b[1] });
+      return _chunkKANRAHTLcjs.lineSubpath.call(void 0, { x: shape.a[0], y: shape.a[1] }, { x: shape.b[0], y: shape.b[1] });
     case "rect":
-      return _chunkJF5PXN7Wcjs.rectSubpath.call(void 0, shape);
+      return _chunkKANRAHTLcjs.rectSubpath.call(void 0, shape);
     case "ellipse":
-      return _chunkJF5PXN7Wcjs.ellipseSubpath.call(void 0, shape);
+      return _chunkKANRAHTLcjs.ellipseSubpath.call(void 0, shape);
     case "polygon":
       return { anchors: shape.points.map(([x, y]) => ({ x, y })), closed: true };
   }
@@ -7300,16 +7590,20 @@ function scaleFor(handle, b, p, mods = {}) {
   return { sx, sy, origin };
 }
 function withStyle(node, style) {
-  const next = { ...node, ...style };
+  const { fills, strokes, ...shorthand } = style;
+  let next = { ...node, ...shorthand };
   if ("strokeWidthProfile" in style) {
-    const p = style.strokeWidthProfile ? _chunkJF5PXN7Wcjs.sanitizeWidthProfile.call(void 0, style.strokeWidthProfile) : [];
+    const p = style.strokeWidthProfile ? _chunkKANRAHTLcjs.sanitizeWidthProfile.call(void 0, style.strokeWidthProfile) : [];
     if (p.length) next.strokeWidthProfile = p;
     else delete next.strokeWidthProfile;
   }
+  next = _chunkKANRAHTLcjs.normalizeVectorPaintStacks.call(void 0, next, "shorthand");
+  if (fills !== void 0) next = _chunkKANRAHTLcjs.withVectorFills.call(void 0, next, _chunkKANRAHTLcjs.sanitizeVectorFills.call(void 0, _nullishCoalesce(fills, () => ( []))));
+  if (strokes !== void 0) next = _chunkKANRAHTLcjs.withVectorStrokes.call(void 0, next, _chunkKANRAHTLcjs.sanitizeVectorStrokes.call(void 0, _nullishCoalesce(strokes, () => ( []))));
   return next;
 }
 function hiddenOrLocked(nodes, id) {
-  const loc = _chunkJF5PXN7Wcjs.locateVectorNode.call(void 0, nodes, id);
+  const loc = _chunkKANRAHTLcjs.locateVectorNode.call(void 0, nodes, id);
   if (!loc) return false;
   const n = loc.list[loc.index];
   if (n.locked || n.visible === false) return true;
@@ -7322,44 +7616,106 @@ function pencilPressureProfile(points, pressures) {
   for (let i = 1; i < n; i++) s.push(s[i - 1] + Math.hypot(points[i][0] - points[i - 1][0], points[i][1] - points[i - 1][1]));
   const total = s[n - 1];
   if (!(total > 0)) return [];
-  return _chunkJF5PXN7Wcjs.pressureWidthProfile.call(void 0, s.map((d, i) => ({ t: d / total, pressure: pressures[i] })));
+  return _chunkKANRAHTLcjs.pressureWidthProfile.call(void 0, s.map((d, i) => ({ t: d / total, pressure: pressures[i] })));
 }
 
 // src/vector/render.ts
 var fmt2 = (n) => Math.round(n * 100) / 100;
 var fmtMatrix = (m) => `matrix(${m.map((n) => Math.round(n * 1e6) / 1e6).join(" ")})`;
 var VECTOR_BUILDER_HATCH_GAP = 6;
-function renderNode(stored, defs, idPrefix) {
+function nodeFinish(node, filters, idPrefix) {
+  const out = {};
+  const blend = _chunkKANRAHTLcjs.vectorBlendModeCss.call(void 0, node.blendMode);
+  if (blend) out.blendMode = blend;
+  const filter = _chunkKANRAHTLcjs.vectorNodeFilterSvg.call(void 0, node, `${idPrefix}filter-${node.id}`);
+  if (filter) {
+    filters.push(filter);
+    out.filter = `url(#${filter.id})`;
+  }
+  return out;
+}
+function lineStyle(node) {
+  return {
+    strokeWidth: _nullishCoalesce(node.strokeWidth, () => ( 1)),
+    ...node.strokeLinecap ? { strokeLinecap: node.strokeLinecap } : {},
+    ...node.strokeLinejoin ? { strokeLinejoin: node.strokeLinejoin } : {},
+    ..._optionalChain([node, 'access', _248 => _248.strokeDasharray, 'optionalAccess', _249 => _249.length]) ? { strokeDasharray: node.strokeDasharray.join(" ") } : {}
+  };
+}
+function renderLayers(node, defs, idPrefix) {
+  const out = [];
+  for (const l of _chunkKANRAHTLcjs.vectorPaintLayerNodes.call(void 0, node)) {
+    if (!l.drawn) continue;
+    const role = l.kind;
+    const paint = _chunkKANRAHTLcjs.vectorPaintToSvg.call(void 0, l.layer.paint, `${idPrefix}${role}-${node.id}-${l.index}`, { node: l.node, ...role === "stroke" ? { role } : {} });
+    defs.push(...paint.defs);
+    const blend = _chunkKANRAHTLcjs.vectorBlendModeCss.call(void 0, l.layer.blendMode);
+    const base = { kind: role, index: l.index, opacity: _nullishCoalesce(l.layer.opacity, () => ( 1)), ...blend ? { blendMode: blend } : {} };
+    if (role === "fill") out.push({ ...base, fill: paint.value, stroke: "none", strokeWidth: 0 });
+    else {
+      const strokeParts = _chunkKANRAHTLcjs.vectorStrokeSvgParts.call(void 0, l.node, `${idPrefix}clip-${node.id}-${l.index}`);
+      out.push({ ...base, fill: "none", stroke: paint.value, ...lineStyle(l.node), ...strokeParts ? { strokeParts } : {} });
+    }
+  }
+  return out;
+}
+function renderNode(stored, defs, filters, idPrefix) {
   if (stored.visible === false) return null;
-  const node = _chunkJF5PXN7Wcjs.expandVectorAppearance.call(void 0, stored);
+  const node = _chunkKANRAHTLcjs.expandVectorAppearance.call(void 0, stored);
   if (node.type === "group") {
-    const children = node.children.map((c) => renderNode(c, defs, idPrefix)).filter((c) => !!c);
-    return { kind: "group", id: node.id, ...node.transform ? { transform: fmtMatrix(node.transform) } : {}, opacity: _nullishCoalesce(node.opacity, () => ( 1)), children };
+    const children = node.children.map((c) => renderNode(c, defs, filters, idPrefix)).filter((c) => !!c);
+    return {
+      kind: "group",
+      id: node.id,
+      ...node.transform ? { transform: fmtMatrix(node.transform) } : {},
+      opacity: _nullishCoalesce(node.opacity, () => ( 1)),
+      ...nodeFinish(node, filters, idPrefix),
+      children
+    };
   }
-  const fill = _chunkJF5PXN7Wcjs.vectorPaintToSvg.call(void 0, node.fill, `${idPrefix}fill-${node.id}`, { node });
-  const stroke = _chunkJF5PXN7Wcjs.vectorPaintToSvg.call(void 0, node.stroke, `${idPrefix}stroke-${node.id}`, { node, role: "stroke" });
-  defs.push(...fill.defs, ...stroke.defs);
-  const strokeParts = stroke.value !== "none" ? _chunkJF5PXN7Wcjs.vectorStrokeSvgParts.call(void 0, node, `${idPrefix}clip-${node.id}`) : void 0;
-  return {
+  const finish = nodeFinish(node, filters, idPrefix);
+  const common = {
     kind: "path",
     id: node.id,
     ...node.transform ? { transform: fmtMatrix(node.transform) } : {},
+    d: _chunkKANRAHTLcjs.vectorPathData.call(void 0, node),
+    fillRule: _nullishCoalesce(node.fillRule, () => ( "nonzero")),
+    opacity: _nullishCoalesce(node.opacity, () => ( 1)),
+    ...finish
+  };
+  if (_chunkKANRAHTLcjs.needsVectorPaintLayers.call(void 0, node)) {
+    const layers = renderLayers(node, defs, idPrefix);
+    const fill2 = layers.filter((l) => l.kind === "fill").at(-1);
+    const stroke2 = layers.filter((l) => l.kind === "stroke").at(-1);
+    return {
+      ...common,
+      fill: _nullishCoalesce(_optionalChain([fill2, 'optionalAccess', _250 => _250.fill]), () => ( "none")),
+      stroke: _nullishCoalesce(_optionalChain([stroke2, 'optionalAccess', _251 => _251.stroke]), () => ( "none")),
+      strokeWidth: _nullishCoalesce(_nullishCoalesce(_optionalChain([stroke2, 'optionalAccess', _252 => _252.strokeWidth]), () => ( node.strokeWidth)), () => ( 1)),
+      ..._optionalChain([stroke2, 'optionalAccess', _253 => _253.strokeLinecap]) ? { strokeLinecap: stroke2.strokeLinecap } : {},
+      ..._optionalChain([stroke2, 'optionalAccess', _254 => _254.strokeLinejoin]) ? { strokeLinejoin: stroke2.strokeLinejoin } : {},
+      ..._optionalChain([stroke2, 'optionalAccess', _255 => _255.strokeDasharray]) ? { strokeDasharray: stroke2.strokeDasharray } : {},
+      ..._optionalChain([stroke2, 'optionalAccess', _256 => _256.strokeParts]) ? { strokeParts: stroke2.strokeParts } : {},
+      layers
+    };
+  }
+  const fill = _chunkKANRAHTLcjs.vectorPaintToSvg.call(void 0, node.fill, `${idPrefix}fill-${node.id}`, { node });
+  const stroke = _chunkKANRAHTLcjs.vectorPaintToSvg.call(void 0, node.stroke, `${idPrefix}stroke-${node.id}`, { node, role: "stroke" });
+  defs.push(...fill.defs, ...stroke.defs);
+  const strokeParts = stroke.value !== "none" ? _chunkKANRAHTLcjs.vectorStrokeSvgParts.call(void 0, node, `${idPrefix}clip-${node.id}`) : void 0;
+  return {
+    ...common,
     ...strokeParts ? { strokeParts } : {},
-    d: _chunkJF5PXN7Wcjs.vectorPathData.call(void 0, node),
     fill: fill.value,
     stroke: stroke.value,
-    strokeWidth: _nullishCoalesce(node.strokeWidth, () => ( 1)),
-    ...node.strokeLinecap ? { strokeLinecap: node.strokeLinecap } : {},
-    ...node.strokeLinejoin ? { strokeLinejoin: node.strokeLinejoin } : {},
-    ..._optionalChain([node, 'access', _249 => _249.strokeDasharray, 'optionalAccess', _250 => _250.length]) ? { strokeDasharray: node.strokeDasharray.join(" ") } : {},
-    fillRule: _nullishCoalesce(node.fillRule, () => ( "nonzero")),
-    opacity: _nullishCoalesce(node.opacity, () => ( 1))
+    ...lineStyle(node)
   };
 }
 function getVectorSceneRenderData(state, options = {}) {
   const defs = [];
+  const filters = [];
   const prefix = _nullishCoalesce(options.idPrefix, () => ( "ve-"));
-  const nodes = state.document.nodes.map((n) => renderNode(n, defs, prefix)).filter((n) => !!n);
+  const nodes = state.document.nodes.map((n) => renderNode(n, defs, filters, prefix)).filter((n) => !!n);
   const v = state.viewport;
   return {
     transform: `translate(${fmt2(v.x)} ${fmt2(v.y)}) scale(${v.zoom})`,
@@ -7367,6 +7723,7 @@ function getVectorSceneRenderData(state, options = {}) {
     height: state.document.height,
     ...state.document.background ? { background: state.document.background } : {},
     defs,
+    filters,
     nodes
   };
 }
@@ -7374,17 +7731,17 @@ var toScreen = (state, p) => ({ x: p.x * state.viewport.zoom + state.viewport.x,
 function screenOutline(state, node, entered) {
   const v = state.viewport;
   const view = [v.zoom, 0, 0, v.zoom, v.x, v.y];
-  const parent = _nullishCoalesce(_chunkJF5PXN7Wcjs.vectorParentMatrix.call(void 0, state.document.nodes, node.id), () => ( _chunkDWGZUSEScjs.IDENTITY_MATRIX));
+  const parent = _nullishCoalesce(_chunkKANRAHTLcjs.vectorParentMatrix.call(void 0, state.document.nodes, node.id), () => ( _chunkDWGZUSEScjs.IDENTITY_MATRIX));
   return outlinePaths(node, parent, entered).map((path) => _chunkXGD3FSNCcjs.bezierPathToSvg.call(void 0, _chunkXGD3FSNCcjs.transformBezierPath.call(void 0, path, view), { precision: 2 })).join(" ");
 }
 function outlinePaths(node, parent, entered) {
-  if (node.type === "path") return [_chunkJF5PXN7Wcjs.vectorPathWorldBezier.call(void 0, node, parent, { effects: false })];
-  const m = _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _chunkJF5PXN7Wcjs.nodeMatrix.call(void 0, node), parent);
-  if (_chunkJF5PXN7Wcjs.hasOwnVectorAppearance.call(void 0, node) && !entered.has(node.id)) return [_chunkXGD3FSNCcjs.transformBezierPath.call(void 0, _chunkJF5PXN7Wcjs.vectorAppearanceOutline.call(void 0, node), m)];
+  if (node.type === "path") return [_chunkKANRAHTLcjs.vectorPathWorldBezier.call(void 0, node, parent, { effects: false })];
+  const m = _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _chunkKANRAHTLcjs.nodeMatrix.call(void 0, node), parent);
+  if (_chunkKANRAHTLcjs.hasOwnVectorAppearance.call(void 0, node) && !entered.has(node.id)) return [_chunkXGD3FSNCcjs.transformBezierPath.call(void 0, _chunkKANRAHTLcjs.vectorAppearanceOutline.call(void 0, node), m)];
   return node.children.filter((c) => c.visible !== false).flatMap((c) => outlinePaths(c, m, entered));
 }
 function getVectorEnteredGroups(state) {
-  return _chunkJF5PXN7Wcjs.vectorEnteredGroups.call(void 0, state.document.nodes, state.editingId ? [...state.selection, state.editingId] : state.selection);
+  return _chunkKANRAHTLcjs.vectorEnteredGroups.call(void 0, state.document.nodes, state.editingId ? [...state.selection, state.editingId] : state.selection);
 }
 function collect(node) {
   if (node.type === "path") return [node];
@@ -7398,16 +7755,16 @@ function getVectorOverlayRenderData(state) {
   const seen = /* @__PURE__ */ new Set();
   const outline = (id, selected2) => {
     if (seen.has(id)) return;
-    const node = _chunkJF5PXN7Wcjs.findVectorNode.call(void 0, doc.nodes, id);
+    const node = _chunkKANRAHTLcjs.findVectorNode.call(void 0, doc.nodes, id);
     if (!node || node.visible === false) return;
     seen.add(id);
     outlines.push({ id, d: screenOutline(state, node, entered), selected: selected2 });
   };
   for (const id of state.selection) outline(id, true);
   if (state.editingId) outline(state.editingId, true);
-  if (_optionalChain([state, 'access', _251 => _251.hover, 'optionalAccess', _252 => _252.nodeId]) && !state.interaction) outline(state.hover.nodeId, false);
+  if (_optionalChain([state, 'access', _257 => _257.hover, 'optionalAccess', _258 => _258.nodeId]) && !state.interaction) outline(state.hover.nodeId, false);
   let selectionBox = null;
-  if (state.tool === "select" && state.selectionFrame && _optionalChain([state, 'access', _253 => _253.interaction, 'optionalAccess', _254 => _254.type]) !== "marquee" && _optionalChain([state, 'access', _255 => _255.interaction, 'optionalAccess', _256 => _256.type]) !== "distort") {
+  if (state.tool === "select" && state.selectionFrame && _optionalChain([state, 'access', _259 => _259.interaction, 'optionalAccess', _260 => _260.type]) !== "marquee" && _optionalChain([state, 'access', _261 => _261.interaction, 'optionalAccess', _262 => _262.type]) !== "distort") {
     const g = getVectorSelectionBoxGeometry(state.selectionFrame, state.viewport);
     selectionBox = { ...g.box, angle: g.angle, transform: g.transform, corners: g.corners, handles: g.handles, freeDistort: state.freeDistort };
   }
@@ -7417,9 +7774,9 @@ function getVectorOverlayRenderData(state) {
     const a = getAnchorWorld(doc, ref);
     const s = toScreen(state, a);
     const closes = !!state.pen && state.pen.nodeId === ref.nodeId && state.pen.subpath === ref.subpath && ref.index === 0;
-    return { ref, x: s.x, y: s.y, type: _nullishCoalesce(a.type, () => ( _chunkJF5PXN7Wcjs.inferAnchorType.call(void 0, a))), selected: selected(ref), hovered: sameAnchor(_optionalChain([state, 'access', _257 => _257.hover, 'optionalAccess', _258 => _258.anchor]), ref), closes };
+    return { ref, x: s.x, y: s.y, type: _nullishCoalesce(a.type, () => ( _chunkKANRAHTLcjs.inferAnchorType.call(void 0, a))), selected: selected(ref), hovered: sameAnchor(_optionalChain([state, 'access', _263 => _263.hover, 'optionalAccess', _264 => _264.anchor]), ref), closes };
   });
-  if (state.tool === "pen" && !state.pen && _optionalChain([state, 'access', _259 => _259.hover, 'optionalAccess', _260 => _260.anchor])) {
+  if (state.tool === "pen" && !state.pen && _optionalChain([state, 'access', _265 => _265.hover, 'optionalAccess', _266 => _266.anchor])) {
     const a = getAnchorWorld(doc, state.hover.anchor);
     if (a) {
       const s = toScreen(state, a);
@@ -7428,23 +7785,23 @@ function getVectorOverlayRenderData(state) {
   }
   const handles = getVisibleHandles(state).flatMap((ref) => {
     const a = getAnchorWorld(doc, ref);
-    const h = _optionalChain([a, 'optionalAccess', _261 => _261[ref.handle]]);
+    const h = _optionalChain([a, 'optionalAccess', _267 => _267[ref.handle]]);
     if (!a || !h) return [];
     const s = toScreen(state, h);
     const sa = toScreen(state, a);
-    const hovered = !!_optionalChain([state, 'access', _262 => _262.hover, 'optionalAccess', _263 => _263.handle]) && sameAnchor(state.hover.handle, ref) && state.hover.handle.handle === ref.handle;
+    const hovered = !!_optionalChain([state, 'access', _268 => _268.hover, 'optionalAccess', _269 => _269.handle]) && sameAnchor(state.hover.handle, ref) && state.hover.handle.handle === ref.handle;
     return [{ ref, x: s.x, y: s.y, anchorX: sa.x, anchorY: sa.y, hovered }];
   });
   let marquee = null;
-  if (_optionalChain([state, 'access', _264 => _264.interaction, 'optionalAccess', _265 => _265.type]) === "marquee") {
+  if (_optionalChain([state, 'access', _270 => _270.interaction, 'optionalAccess', _271 => _271.type]) === "marquee") {
     const b = state.interaction.bounds;
     const tl = toScreen(state, b);
     marquee = { x: tl.x, y: tl.y, width: b.width * z, height: b.height * z };
   }
   let penPreview = null;
   if (state.tool === "pen" && state.pen && state.pointer && !state.interaction) {
-    const node = _chunkJF5PXN7Wcjs.findVectorNode.call(void 0, doc.nodes, state.pen.nodeId);
-    const sp = _optionalChain([node, 'optionalAccess', _266 => _266.type]) === "path" ? node.subpaths[state.pen.subpath] : void 0;
+    const node = _chunkKANRAHTLcjs.findVectorNode.call(void 0, doc.nodes, state.pen.nodeId);
+    const sp = _optionalChain([node, 'optionalAccess', _272 => _272.type]) === "path" ? node.subpaths[state.pen.subpath] : void 0;
     const last = sp ? getAnchorWorld(doc, { nodeId: state.pen.nodeId, subpath: state.pen.subpath, index: sp.anchors.length - 1 }) : void 0;
     if (last) {
       const a = toScreen(state, last);
@@ -7457,10 +7814,10 @@ function getVectorOverlayRenderData(state) {
   const artboard = { x: origin.x, y: origin.y, width: doc.width * z, height: doc.height * z };
   let status = null;
   const it = state.interaction;
-  if (_optionalChain([it, 'optionalAccess', _267 => _267.type]) === "rotate") status = `${Math.round(it.angle)}\xB0`;
-  else if (_optionalChain([it, 'optionalAccess', _268 => _268.type]) === "move" || _optionalChain([it, 'optionalAccess', _269 => _269.type]) === "anchors") status = `\u0394 ${fmt2(it.dx)}, ${fmt2(it.dy)}`;
-  else if (_optionalChain([it, 'optionalAccess', _270 => _270.type]) === "scale" || _optionalChain([it, 'optionalAccess', _271 => _271.type]) === "draw") {
-    const b = it.type === "draw" ? _chunkJF5PXN7Wcjs.findVectorNode.call(void 0, doc.nodes, it.nodeId) ? _chunkJF5PXN7Wcjs.vectorNodeBounds.call(void 0, _chunkJF5PXN7Wcjs.findVectorNode.call(void 0, doc.nodes, it.nodeId)) : null : state.selectionFrame;
+  if (_optionalChain([it, 'optionalAccess', _273 => _273.type]) === "rotate") status = `${Math.round(it.angle)}\xB0`;
+  else if (_optionalChain([it, 'optionalAccess', _274 => _274.type]) === "move" || _optionalChain([it, 'optionalAccess', _275 => _275.type]) === "anchors") status = `\u0394 ${fmt2(it.dx)}, ${fmt2(it.dy)}`;
+  else if (_optionalChain([it, 'optionalAccess', _276 => _276.type]) === "scale" || _optionalChain([it, 'optionalAccess', _277 => _277.type]) === "draw") {
+    const b = it.type === "draw" ? _chunkKANRAHTLcjs.findVectorNode.call(void 0, doc.nodes, it.nodeId) ? _chunkKANRAHTLcjs.vectorNodeBounds.call(void 0, _chunkKANRAHTLcjs.findVectorNode.call(void 0, doc.nodes, it.nodeId)) : null : state.selectionFrame;
     if (b) status = `W ${fmt2(b.width)} \xD7 H ${fmt2(b.height)}`;
   }
   const guides = { lines: [], labels: [] };
@@ -7476,24 +7833,24 @@ function getVectorOverlayRenderData(state) {
     }
   }
   let toolStroke = null;
-  if (_optionalChain([it, 'optionalAccess', _272 => _272.type]) === "stroke") {
+  if (_optionalChain([it, 'optionalAccess', _278 => _278.type]) === "stroke") {
     const pts = it.points.map((q) => toScreen(state, q));
     const d = pts.map((q, i) => `${i ? "L" : "M"}${fmt2(q.x)} ${fmt2(q.y)}`).join("") + (pts.length === 1 ? `L${fmt2(pts[0].x)} ${fmt2(pts[0].y)}` : "");
     toolStroke = { tool: it.tool, d, width: fmt2(it.width * z) };
   }
   let pencilString = null;
-  if (_optionalChain([it, 'optionalAccess', _273 => _273.type]) === "draw" && it.string) {
+  if (_optionalChain([it, 'optionalAccess', _279 => _279.type]) === "draw" && it.string) {
     const a = toScreen(state, it.string[0]);
     const b = toScreen(state, it.string[1]);
     pencilString = { x1: fmt2(a.x), y1: fmt2(a.y), x2: fmt2(b.x), y2: fmt2(b.y) };
   }
-  const dragged = _optionalChain([it, 'optionalAccess', _274 => _274.type]) === "corner" ? it.ref : null;
+  const dragged = _optionalChain([it, 'optionalAccess', _280 => _280.type]) === "corner" ? it.ref : null;
   const cornerWidgets = getVectorCornerWidgets(state).map((w) => {
     const s = toScreen(state, w);
-    return { ref: w.ref, x: fmt2(s.x), y: fmt2(s.y), radius: w.radius, kind: w.kind, hovered: sameAnchor(_optionalChain([state, 'access', _275 => _275.hover, 'optionalAccess', _276 => _276.corner]), w.ref), active: !!dragged };
+    return { ref: w.ref, x: fmt2(s.x), y: fmt2(s.y), radius: w.radius, kind: w.kind, hovered: sameAnchor(_optionalChain([state, 'access', _281 => _281.hover, 'optionalAccess', _282 => _282.corner]), w.ref), active: !!dragged };
   });
-  if (_optionalChain([it, 'optionalAccess', _277 => _277.type]) === "corner") status = `R ${fmt2(it.radius)}`;
-  const cutPoint = state.tool === "scissors" && _optionalChain([state, 'access', _278 => _278.hover, 'optionalAccess', _279 => _279.segment]) && !it ? (({ x, y }) => ({ x: fmt2(x), y: fmt2(y) }))(toScreen(state, state.hover.segment.point)) : null;
+  if (_optionalChain([it, 'optionalAccess', _283 => _283.type]) === "corner") status = `R ${fmt2(it.radius)}`;
+  const cutPoint = state.tool === "scissors" && _optionalChain([state, 'access', _284 => _284.hover, 'optionalAccess', _285 => _285.segment]) && !it ? (({ x, y }) => ({ x: fmt2(x), y: fmt2(y) }))(toScreen(state, state.hover.segment.point)) : null;
   const sc = (p) => {
     const q = toScreen(state, p);
     return { x: fmt2(q.x), y: fmt2(q.y) };
@@ -7501,13 +7858,13 @@ function getVectorOverlayRenderData(state) {
   const sameWidth = (a, b) => !!a && a.nodeId === b.nodeId && a.index === b.index;
   const widthPoints = getVectorWidthHandles(state).map((h) => {
     const c = sc(h);
-    const hw = _optionalChain([state, 'access', _280 => _280.hover, 'optionalAccess', _281 => _281.widthPoint]);
+    const hw = _optionalChain([state, 'access', _286 => _286.hover, 'optionalAccess', _287 => _287.widthPoint]);
     const hovered = hw && sameWidth(hw, h.ref) && hw.subpath === h.ref.subpath ? hw.part : null;
-    return { ref: h.ref, x: c.x, y: c.y, left: sc(h.left), right: sc(h.right), selected: h.selected, hovered, active: _optionalChain([it, 'optionalAccess', _282 => _282.type]) === "width" && sameWidth(it.ref, h.ref) };
+    return { ref: h.ref, x: c.x, y: c.y, left: sc(h.left), right: sc(h.right), selected: h.selected, hovered, active: _optionalChain([it, 'optionalAccess', _288 => _288.type]) === "width" && sameWidth(it.ref, h.ref) };
   });
-  const spot = state.tool === "width" && !it ? _optionalChain([state, 'access', _283 => _283.hover, 'optionalAccess', _284 => _284.strokeSpot]) : null;
+  const spot = state.tool === "width" && !it ? _optionalChain([state, 'access', _289 => _289.hover, 'optionalAccess', _290 => _290.strokeSpot]) : null;
   const widthSpot = spot ? { ...sc(spot.point), left: sc(spot.left), right: sc(spot.right) } : null;
-  if (_optionalChain([it, 'optionalAccess', _285 => _285.type]) === "width") status = it.mode === "move" ? "Move width point" : it.mode === "copy" ? "Copy width point" : `W ${fmt2(it.width)}`;
+  if (_optionalChain([it, 'optionalAccess', _291 => _291.type]) === "width") status = it.mode === "move" ? "Move width point" : it.mode === "copy" ? "Copy width point" : `W ${fmt2(it.width)}`;
   let builder = null;
   if (state.builder) {
     const v = state.viewport;
@@ -7523,7 +7880,7 @@ function getVectorOverlayRenderData(state) {
       lines: state.builder.lines.map((l) => svg(_chunkXGD3FSNCcjs.transformBezierPath.call(void 0, l, view))),
       trail
     };
-    if (state.builder.mode !== "fill" && _optionalChain([it, 'optionalAccess', _286 => _286.type]) === "builder") {
+    if (state.builder.mode !== "fill" && _optionalChain([it, 'optionalAccess', _292 => _292.type]) === "builder") {
       const n = state.builder.faces.length;
       status = state.builder.mode === "erase" ? `Delete ${n} ${n === 1 ? "face" : "faces"}` : `Merge ${n} ${n === 1 ? "face" : "faces"}`;
     }
@@ -7534,10 +7891,10 @@ function getVectorOverlayRenderData(state) {
   if (state.tool === "gradient") {
     gradient = gradientOverlay(state);
     if (!gradient && !it) status = "Drag across a shape to set a gradient";
-    else if (_optionalChain([it, 'optionalAccess', _287 => _287.type]) === "gradient" && it.removing) status = "Release to delete the stop";
+    else if (_optionalChain([it, 'optionalAccess', _293 => _293.type]) === "gradient" && it.removing) status = "Release to delete the stop";
   }
   let distort = null;
-  if (_optionalChain([it, 'optionalAccess', _288 => _288.type]) === "distort") {
+  if (_optionalChain([it, 'optionalAccess', _294 => _294.type]) === "distort") {
     const corners2 = it.corners.map(sc);
     distort = { mode: it.mode, corners: corners2, d: corners2.map((c, i) => `${i ? "L" : "M"}${c.x} ${c.y}`).join("") + "Z" };
     status = it.mode === "skew" ? "Skew" : it.mode === "perspective" ? "Perspective" : "Distort";
@@ -7557,9 +7914,9 @@ function envelopeOverlay(state) {
     const [a, b, cc, d] = c.map(sc);
     return `M${a.x} ${a.y}C${b.x} ${b.y} ${cc.x} ${cc.y} ${d.x} ${d.y}`;
   }).join("");
-  const hover = _optionalChain([state, 'access', _289 => _289.hover, 'optionalAccess', _290 => _290.envelope, 'optionalAccess', _291 => _291.nodeId]) === target.node.id ? state.hover.envelope.index : void 0;
+  const hover = _optionalChain([state, 'access', _295 => _295.hover, 'optionalAccess', _296 => _296.envelope, 'optionalAccess', _297 => _297.nodeId]) === target.node.id ? state.hover.envelope.index : void 0;
   const it = state.interaction;
-  const active = _optionalChain([it, 'optionalAccess', _292 => _292.type]) === "envelope" && it.nodeId === target.node.id ? it.index : void 0;
+  const active = _optionalChain([it, 'optionalAccess', _298 => _298.type]) === "envelope" && it.nodeId === target.node.id ? it.index : void 0;
   const pts = _chunkDWGZUSEScjs.warpMeshEditPoints.call(void 0, mesh);
   return {
     nodeId: target.node.id,
@@ -7576,30 +7933,30 @@ var VECTOR_ENVELOPE_STYLE_OPTIONS = [
   { value: "mesh", label: "Mesh" }
 ];
 function getVectorEnvelopePanel(state) {
-  const nodes = state.selection.map((id) => _chunkJF5PXN7Wcjs.findVectorNode.call(void 0, state.document.nodes, id)).filter((n) => !!n && !n.blendStep);
+  const nodes = state.selection.map((id) => _chunkKANRAHTLcjs.findVectorNode.call(void 0, state.document.nodes, id)).filter((n) => !!n && !n.blendStep);
   if (!nodes.length) return null;
   const one = nodes.length === 1 ? nodes[0] : null;
-  const first = _optionalChain([one, 'optionalAccess', _293 => _293.effects, 'optionalAccess', _294 => _294.find, 'call', _295 => _295((e) => e.type === "envelope")]);
+  const first = _optionalChain([one, 'optionalAccess', _299 => _299.effects, 'optionalAccess', _300 => _300.find, 'call', _301 => _301((e) => e.type === "envelope")]);
   const order = /* @__PURE__ */ new Map();
-  _chunkJF5PXN7Wcjs.walkVectorNodes.call(void 0, state.document.nodes, (n) => order.set(n.id, order.size));
+  _chunkKANRAHTLcjs.walkVectorNodes.call(void 0, state.document.nodes, (n) => order.set(n.id, order.size));
   const top = nodes.length > 1 ? nodes.slice().sort((a, b) => (_nullishCoalesce(order.get(a.id), () => ( 0))) - (_nullishCoalesce(order.get(b.id), () => ( 0))))[nodes.length - 1] : null;
   return {
-    nodeId: _nullishCoalesce(_optionalChain([one, 'optionalAccess', _296 => _296.id]), () => ( null)),
+    nodeId: _nullishCoalesce(_optionalChain([one, 'optionalAccess', _302 => _302.id]), () => ( null)),
     count: nodes.length,
-    envelope: _optionalChain([first, 'optionalAccess', _297 => _297.type]) === "envelope" ? { effectId: first.id, enabled: first.enabled !== false, params: first.params } : null,
+    envelope: _optionalChain([first, 'optionalAccess', _303 => _303.type]) === "envelope" ? { effectId: first.id, enabled: first.enabled !== false, params: first.params } : null,
     canMake: nodes.some((n) => !n.locked),
-    canMakeWithTopObject: _optionalChain([top, 'optionalAccess', _298 => _298.type]) === "path" && top.subpaths.some((sp) => sp.closed && sp.anchors.length > 1),
-    canRelease: nodes.some((n) => !n.locked && !!_optionalChain([n, 'access', _299 => _299.effects, 'optionalAccess', _300 => _300.some, 'call', _301 => _301((e) => e.type === "envelope")]))
+    canMakeWithTopObject: _optionalChain([top, 'optionalAccess', _304 => _304.type]) === "path" && top.subpaths.some((sp) => sp.closed && sp.anchors.length > 1),
+    canRelease: nodes.some((n) => !n.locked && !!_optionalChain([n, 'access', _305 => _305.effects, 'optionalAccess', _306 => _306.some, 'call', _307 => _307((e) => e.type === "envelope")]))
   };
 }
 function gradientOverlay(state) {
-  const a = getVectorGradientAnnotator(state.document, state.selection, state.viewport, state.gradientEdit.target);
+  const a = getVectorGradientAnnotator(state.document, state.selection, state.viewport, state.gradientEdit.target, _nullishCoalesce(state.gradientEdit.layer, () => ( null)));
   if (!a) return null;
-  const hover = state.interaction ? null : _optionalChain([state, 'access', _302 => _302.hover, 'optionalAccess', _303 => _303.gradient]);
-  const handleHovered = (h) => _optionalChain([hover, 'optionalAccess', _304 => _304.kind]) === "handle" && hover.handle === h;
+  const hover = state.interaction ? null : _optionalChain([state, 'access', _308 => _308.hover, 'optionalAccess', _309 => _309.gradient]);
+  const handleHovered = (h) => _optionalChain([hover, 'optionalAccess', _310 => _310.kind]) === "handle" && hover.handle === h;
   const pt = (p) => ({ x: fmt2(p.x), y: fmt2(p.y) });
-  const centred = _chunkJF5PXN7Wcjs.isCentredVectorGradient.call(void 0, a.gradient.type);
-  const removing = _optionalChain([state, 'access', _305 => _305.interaction, 'optionalAccess', _306 => _306.type]) === "gradient" && !!state.interaction.removing;
+  const centred = _chunkKANRAHTLcjs.isCentredVectorGradient.call(void 0, a.gradient.type);
+  const removing = _optionalChain([state, 'access', _311 => _311.interaction, 'optionalAccess', _312 => _312.type]) === "gradient" && !!state.interaction.removing;
   return {
     nodeId: a.nodeId,
     type: a.gradient.type,
@@ -7615,9 +7972,9 @@ function gradientOverlay(state) {
       color: s.color,
       opacity: _nullishCoalesce(s.opacity, () => ( 1)),
       selected: state.gradientEdit.stop === s.index,
-      hovered: _optionalChain([hover, 'optionalAccess', _307 => _307.kind]) === "stop" && hover.index === s.index
+      hovered: _optionalChain([hover, 'optionalAccess', _313 => _313.kind]) === "stop" && hover.index === s.index
     })),
-    midpoints: a.midpoints.map((m) => ({ index: m.index, ...pt(m), hovered: _optionalChain([hover, 'optionalAccess', _308 => _308.kind]) === "midpoint" && hover.index === m.index })),
+    midpoints: a.midpoints.map((m) => ({ index: m.index, ...pt(m), hovered: _optionalChain([hover, 'optionalAccess', _314 => _314.kind]) === "midpoint" && hover.index === m.index })),
     extent: a.extent,
     removing
   };
@@ -7625,8 +7982,8 @@ function gradientOverlay(state) {
 function selectedBlends(state) {
   const out = /* @__PURE__ */ new Map();
   for (const id of state.selection) {
-    const node = _chunkJF5PXN7Wcjs.findVectorNode.call(void 0, state.document.nodes, id);
-    const group = isVectorBlendGroup(node) ? node : _optionalChain([_chunkJF5PXN7Wcjs.locateVectorNode.call(void 0, state.document.nodes, id), 'optionalAccess', _309 => _309.parent]);
+    const node = _chunkKANRAHTLcjs.findVectorNode.call(void 0, state.document.nodes, id);
+    const group = isVectorBlendGroup(node) ? node : _optionalChain([_chunkKANRAHTLcjs.locateVectorNode.call(void 0, state.document.nodes, id), 'optionalAccess', _315 => _315.parent]);
     if (isVectorBlendGroup(group)) out.set(group.id, group);
   }
   return [...out.values()];
@@ -7642,8 +7999,8 @@ function blendOverlay(state) {
   const spines = selectedBlends(state).flatMap((g) => {
     const s = vectorBlendSpine(g);
     if (!s) return [];
-    const m = _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _nullishCoalesce(_chunkJF5PXN7Wcjs.vectorWorldMatrix.call(void 0, doc.nodes, g.id), () => ( _chunkDWGZUSEScjs.IDENTITY_MATRIX)), view);
-    const d = _chunkXGD3FSNCcjs.bezierPathToSvg.call(void 0, _chunkXGD3FSNCcjs.transformBezierPath.call(void 0, _chunkJF5PXN7Wcjs.subpathsToBezier.call(void 0, [s.spine], { corners: false }), m), { precision: 2 });
+    const m = _chunkDWGZUSEScjs.multiplyMatrices.call(void 0, _nullishCoalesce(_chunkKANRAHTLcjs.vectorWorldMatrix.call(void 0, doc.nodes, g.id), () => ( _chunkDWGZUSEScjs.IDENTITY_MATRIX)), view);
+    const d = _chunkXGD3FSNCcjs.bezierPathToSvg.call(void 0, _chunkXGD3FSNCcjs.transformBezierPath.call(void 0, _chunkKANRAHTLcjs.subpathsToBezier.call(void 0, [s.spine], { corners: false }), m), { precision: 2 });
     const keys = s.stops.map((stop) => {
       const p = vectorBlendRailAt(s.rail, stop).point;
       return sc({ x: p[0], y: p[1] }, m);
@@ -7653,16 +8010,16 @@ function blendOverlay(state) {
   let start = null;
   const anchors = [];
   if (state.tool === "blend") {
-    const from = state.blendStart ? _chunkJF5PXN7Wcjs.findVectorNode.call(void 0, doc.nodes, state.blendStart.nodeId) : void 0;
+    const from = state.blendStart ? _chunkKANRAHTLcjs.findVectorNode.call(void 0, doc.nodes, state.blendStart.nodeId) : void 0;
     if (from && state.blendStart) {
       const a = state.blendStart.anchor === null ? void 0 : getAnchorWorld(doc, { nodeId: from.id, subpath: 0, index: state.blendStart.anchor });
       start = { d: screenOutline(state, from, /* @__PURE__ */ new Set()), anchor: a ? sc(a, view) : null };
     }
-    const hovered = _optionalChain([state, 'access', _310 => _310.hover, 'optionalAccess', _311 => _311.nodeId]) ? _chunkJF5PXN7Wcjs.findVectorNode.call(void 0, doc.nodes, state.hover.nodeId) : void 0;
-    if (_optionalChain([hovered, 'optionalAccess', _312 => _312.type]) === "path" && hovered.subpaths[0]) {
+    const hovered = _optionalChain([state, 'access', _316 => _316.hover, 'optionalAccess', _317 => _317.nodeId]) ? _chunkKANRAHTLcjs.findVectorNode.call(void 0, doc.nodes, state.hover.nodeId) : void 0;
+    if (_optionalChain([hovered, 'optionalAccess', _318 => _318.type]) === "path" && hovered.subpaths[0]) {
       hovered.subpaths[0].anchors.forEach((_, index) => {
         const a = getAnchorWorld(doc, { nodeId: hovered.id, subpath: 0, index });
-        if (a) anchors.push({ ...sc(a, view), hovered: _optionalChain([state, 'access', _313 => _313.hover, 'optionalAccess', _314 => _314.anchor, 'optionalAccess', _315 => _315.index]) === index });
+        if (a) anchors.push({ ...sc(a, view), hovered: _optionalChain([state, 'access', _319 => _319.hover, 'optionalAccess', _320 => _320.anchor, 'optionalAccess', _321 => _321.index]) === index });
       });
     }
   }
@@ -7672,18 +8029,18 @@ function getVectorBlendControls(state) {
   const blends = selectedBlends(state);
   const doc = state.document;
   const roots = state.selection.filter((id) => {
-    const node = _chunkJF5PXN7Wcjs.findVectorNode.call(void 0, doc.nodes, id);
-    return !!node && !node.blendStep && !node.locked && !state.selection.includes(_nullishCoalesce(_optionalChain([_chunkJF5PXN7Wcjs.locateVectorNode.call(void 0, doc.nodes, id), 'optionalAccess', _316 => _316.parent, 'optionalAccess', _317 => _317.id]), () => ( "")));
+    const node = _chunkKANRAHTLcjs.findVectorNode.call(void 0, doc.nodes, id);
+    return !!node && !node.blendStep && !node.locked && !state.selection.includes(_nullishCoalesce(_optionalChain([_chunkKANRAHTLcjs.locateVectorNode.call(void 0, doc.nodes, id), 'optionalAccess', _322 => _322.parent, 'optionalAccess', _323 => _323.id]), () => ( "")));
   });
-  const parents = new Set(roots.map((id) => _nullishCoalesce(_optionalChain([_chunkJF5PXN7Wcjs.locateVectorNode.call(void 0, doc.nodes, id), 'optionalAccess', _318 => _318.parent, 'optionalAccess', _319 => _319.id]), () => ( null))));
-  const paths = roots.filter((id) => _optionalChain([_chunkJF5PXN7Wcjs.findVectorNode.call(void 0, doc.nodes, id), 'optionalAccess', _320 => _320.type]) === "path" && !isVectorBlendGroup(_optionalChain([_chunkJF5PXN7Wcjs.locateVectorNode.call(void 0, doc.nodes, id), 'optionalAccess', _321 => _321.parent])));
+  const parents = new Set(roots.map((id) => _nullishCoalesce(_optionalChain([_chunkKANRAHTLcjs.locateVectorNode.call(void 0, doc.nodes, id), 'optionalAccess', _324 => _324.parent, 'optionalAccess', _325 => _325.id]), () => ( null))));
+  const paths = roots.filter((id) => _optionalChain([_chunkKANRAHTLcjs.findVectorNode.call(void 0, doc.nodes, id), 'optionalAccess', _326 => _326.type]) === "path" && !isVectorBlendGroup(_optionalChain([_chunkKANRAHTLcjs.locateVectorNode.call(void 0, doc.nodes, id), 'optionalAccess', _327 => _327.parent])));
   const first = blends[0];
   return {
     ids: blends.map((g) => g.id),
     options: resolveVectorBlendOptions(first ? first.blend : state.blendDefaults),
     canBlend: roots.length >= 2 && parents.size === 1,
     canReplaceSpine: blends.length === 1 && paths.length === 1,
-    hasSpine: !!_optionalChain([first, 'optionalAccess', _322 => _322.blend, 'optionalAccess', _323 => _323.spine])
+    hasSpine: !!_optionalChain([first, 'optionalAccess', _328 => _328.blend, 'optionalAccess', _329 => _329.spine])
   };
 }
 function applyVectorBlendOptions(controller, patch) {
@@ -7736,20 +8093,20 @@ function isVectorTextTarget(target) {
   if (!el || typeof el !== "object") return false;
   const tag = (_nullishCoalesce(el.tagName, () => ( ""))).toUpperCase();
   if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT") return true;
-  return !!el.isContentEditable || _optionalChain([el, 'access', _324 => _324.getAttribute, 'optionalCall', _325 => _325("contenteditable")]) === "true";
+  return !!el.isContentEditable || _optionalChain([el, 'access', _330 => _330.getAttribute, 'optionalCall', _331 => _331("contenteditable")]) === "true";
 }
 function getVectorSelectionStyle(state) {
   const paths = [];
   for (const id of state.selection) {
-    const node = _chunkJF5PXN7Wcjs.findVectorNode.call(void 0, state.document.nodes, id);
+    const node = _chunkKANRAHTLcjs.findVectorNode.call(void 0, state.document.nodes, id);
     if (node) paths.push(...collect(node));
   }
-  const anchorMode = state.tool === "direct" && !!_optionalChain([state, 'access', _326 => _326.selectedAnchors, 'optionalAccess', _327 => _327.length]);
+  const anchorMode = state.tool === "direct" && !!_optionalChain([state, 'access', _332 => _332.selectedAnchors, 'optionalAccess', _333 => _333.length]);
   if (anchorMode) {
     for (const r of state.selectedAnchors) {
       if (paths.some((p) => p.id === r.nodeId)) continue;
-      const node = _chunkJF5PXN7Wcjs.findVectorNode.call(void 0, state.document.nodes, r.nodeId);
-      if (_optionalChain([node, 'optionalAccess', _328 => _328.type]) === "path") paths.push(node);
+      const node = _chunkKANRAHTLcjs.findVectorNode.call(void 0, state.document.nodes, r.nodeId);
+      if (_optionalChain([node, 'optionalAccess', _334 => _334.type]) === "path") paths.push(node);
     }
   }
   if (!paths.length) return null;
@@ -7757,10 +8114,10 @@ function getVectorSelectionStyle(state) {
   const same = (get) => paths.every((p) => JSON.stringify(_nullishCoalesce(get(p), () => ( null))) === JSON.stringify(_nullishCoalesce(get(first), () => ( null))));
   const corners2 = [];
   for (const p of paths) {
-    for (const c of _chunkJF5PXN7Wcjs.vectorCorners.call(void 0, p.subpaths)) {
+    for (const c of _chunkKANRAHTLcjs.vectorCorners.call(void 0, p.subpaths)) {
       if (anchorMode && !state.selectedAnchors.some((r) => r.nodeId === p.id && r.subpath === c.subpath && r.index === c.index)) continue;
       const corner = p.subpaths[c.subpath].anchors[c.index].corner;
-      corners2.push({ radius: _nullishCoalesce(_optionalChain([corner, 'optionalAccess', _329 => _329.radius]), () => ( 0)), kind: _nullishCoalesce(_optionalChain([corner, 'optionalAccess', _330 => _330.kind]), () => ( "round")) });
+      corners2.push({ radius: _nullishCoalesce(_optionalChain([corner, 'optionalAccess', _335 => _335.radius]), () => ( 0)), kind: _nullishCoalesce(_optionalChain([corner, 'optionalAccess', _336 => _336.kind]), () => ( "round")) });
     }
   }
   const c0 = _nullishCoalesce(corners2[0], () => ( { radius: 0, kind: "round" }));
@@ -7776,7 +8133,7 @@ function getVectorSelectionStyle(state) {
     startArrowScale: _nullishCoalesce(first.startArrowScale, () => ( 1)),
     endArrowScale: _nullishCoalesce(first.endArrowScale, () => ( 1)),
     strokeWidthProfile: profileOf(first),
-    widthProfile: _chunkJF5PXN7Wcjs.widthProfilePresetId.call(void 0, profileOf(first)),
+    widthProfile: _chunkKANRAHTLcjs.widthProfilePresetId.call(void 0, profileOf(first)),
     cornerRadius: c0.radius,
     cornerKind: c0.kind,
     corners: corners2.length,
@@ -7800,8 +8157,8 @@ function getVectorSelectionStyle(state) {
   };
 }
 function profileOf(p) {
-  const points = _chunkJF5PXN7Wcjs.sanitizeWidthProfile.call(void 0, p.strokeWidthProfile);
-  return points.length && _chunkJF5PXN7Wcjs.widthProfilePresetId.call(void 0, points) !== "uniform" ? points : null;
+  const points = _chunkKANRAHTLcjs.sanitizeWidthProfile.call(void 0, p.strokeWidthProfile);
+  return points.length && _chunkKANRAHTLcjs.widthProfilePresetId.call(void 0, points) !== "uniform" ? points : null;
 }
 var VECTOR_STROKE_ALIGN_LABELS = { center: "Center", inside: "Inside", outside: "Outside" };
 var VECTOR_CORNER_KIND_LABELS = { round: "Round", inverted: "Inverted", chamfer: "Chamfer" };
@@ -7827,36 +8184,37 @@ var VECTOR_STROKE_GRADIENT_MODE_LABELS = { within: "Within stroke", along: "Alon
 function getVectorGradientEditor(state) {
   const paths = [];
   for (const id of state.selection) {
-    const node = _chunkJF5PXN7Wcjs.findVectorNode.call(void 0, state.document.nodes, id);
+    const node = _chunkKANRAHTLcjs.findVectorNode.call(void 0, state.document.nodes, id);
     if (node) paths.push(...collect(node));
   }
   if (!paths.length) return null;
-  const target = state.gradientEdit.target;
-  const paint = paths[0][target];
-  const gradient = _chunkJF5PXN7Wcjs.isVectorGradient.call(void 0, paint) ? paint : null;
-  const sorted = gradient ? _chunkJF5PXN7Wcjs.sortedVectorGradientStops.call(void 0, gradient) : [];
+  const { target, layer } = state.gradientEdit;
+  const paint = _chunkKANRAHTLcjs.vectorTargetPaint.call(void 0, paths[0], target, _nullishCoalesce(layer, () => ( null)));
+  const gradient = _chunkKANRAHTLcjs.isVectorGradient.call(void 0, paint) ? paint : null;
+  const sorted = gradient ? _chunkKANRAHTLcjs.sortedVectorGradientStops.call(void 0, gradient) : [];
   const stopIndex = state.gradientEdit.stop;
   const stops = sorted.map((s, index) => ({ ...s, index, selected: index === stopIndex }));
   const sel = stopIndex !== null && sorted[stopIndex] ? { ...sorted[stopIndex], index: stopIndex, last: stopIndex === sorted.length - 1 } : null;
-  const preview = gradient ? `linear-gradient(to right, ${_chunkJF5PXN7Wcjs.expandVectorGradientStops.call(void 0, gradient).map((s) => {
-    const c = _chunkJF5PXN7Wcjs.parseVectorColor.call(void 0, s.color);
-    const a = (_nullishCoalesce(_optionalChain([c, 'optionalAccess', _331 => _331[3]]), () => ( 1))) * (_nullishCoalesce(s.opacity, () => ( 1)));
+  const preview = gradient ? `linear-gradient(to right, ${_chunkKANRAHTLcjs.expandVectorGradientStops.call(void 0, gradient).map((s) => {
+    const c = _chunkKANRAHTLcjs.parseVectorColor.call(void 0, s.color);
+    const a = (_nullishCoalesce(_optionalChain([c, 'optionalAccess', _337 => _337[3]]), () => ( 1))) * (_nullishCoalesce(s.opacity, () => ( 1)));
     const color = c ? `rgba(${Math.round(c[0] * 255)}, ${Math.round(c[1] * 255)}, ${Math.round(c[2] * 255)}, ${Math.round(a * 1e3) / 1e3})` : s.color;
     return `${color} ${Math.round(s.offset * 1e4) / 100}%`;
   }).join(", ")})` : null;
   return {
     target,
+    layer: _nullishCoalesce(layer, () => ( null)),
     gradient,
     color: vectorPaintToHex(paint),
     stops,
     selected: sel,
     preview,
-    type: _nullishCoalesce(_optionalChain([gradient, 'optionalAccess', _332 => _332.type]), () => ( null)),
-    spread: _nullishCoalesce(_optionalChain([gradient, 'optionalAccess', _333 => _333.spread]), () => ( "pad")),
-    interpolation: _nullishCoalesce(_optionalChain([gradient, 'optionalAccess', _334 => _334.interpolation]), () => ( "srgb")),
-    smoothness: _nullishCoalesce(_optionalChain([gradient, 'optionalAccess', _335 => _335.smoothness]), () => ( 0)),
-    strokeMode: _nullishCoalesce(_optionalChain([gradient, 'optionalAccess', _336 => _336.strokeMode]), () => ( "within")),
-    mixed: paths.some((p) => JSON.stringify(_nullishCoalesce(p[target], () => ( null))) !== JSON.stringify(_nullishCoalesce(paint, () => ( null))))
+    type: _nullishCoalesce(_optionalChain([gradient, 'optionalAccess', _338 => _338.type]), () => ( null)),
+    spread: _nullishCoalesce(_optionalChain([gradient, 'optionalAccess', _339 => _339.spread]), () => ( "pad")),
+    interpolation: _nullishCoalesce(_optionalChain([gradient, 'optionalAccess', _340 => _340.interpolation]), () => ( "srgb")),
+    smoothness: _nullishCoalesce(_optionalChain([gradient, 'optionalAccess', _341 => _341.smoothness]), () => ( 0)),
+    strokeMode: _nullishCoalesce(_optionalChain([gradient, 'optionalAccess', _342 => _342.strokeMode]), () => ( "within")),
+    mixed: paths.some((p) => JSON.stringify(_nullishCoalesce(_chunkKANRAHTLcjs.vectorTargetPaint.call(void 0, p, target, _nullishCoalesce(layer, () => ( null))), () => ( null))) !== JSON.stringify(_nullishCoalesce(paint, () => ( null))))
   };
 }
 var VECTOR_PATH_ACTIONS = [
@@ -7880,26 +8238,86 @@ var VECTOR_EDIT_TOGGLES = [
   { key: "curvatureMoves", label: "Curv", title: "Curvature point moves (Alt flips while dragging)" },
   { key: "recognizeShapes", label: "Shapes", title: "Turn pencil scribbles into shapes" }
 ];
-var VECTOR_EFFECT_MENU = _chunkJF5PXN7Wcjs.VECTOR_EFFECT_TYPES.map((type) => ({ type, label: _chunkJF5PXN7Wcjs.VECTOR_EFFECT_LABELS[type] }));
+var VECTOR_EFFECT_MENU = _chunkKANRAHTLcjs.VECTOR_EFFECT_TYPES.map((type) => ({ type, label: _chunkKANRAHTLcjs.VECTOR_EFFECT_LABELS[type] }));
 function getVectorEffectsPanel(state) {
-  const nodes = state.selection.map((id) => _chunkJF5PXN7Wcjs.findVectorNode.call(void 0, state.document.nodes, id)).filter((n) => !!n && !n.blendStep);
+  const nodes = state.selection.map((id) => _chunkKANRAHTLcjs.findVectorNode.call(void 0, state.document.nodes, id)).filter((n) => !!n && !n.blendStep);
   if (!nodes.length) return null;
   const one = nodes.length === 1 ? nodes[0] : null;
   return {
-    nodeId: _nullishCoalesce(_optionalChain([one, 'optionalAccess', _337 => _337.id]), () => ( null)),
+    nodeId: _nullishCoalesce(_optionalChain([one, 'optionalAccess', _343 => _343.id]), () => ( null)),
     count: nodes.length,
-    effects: (_nullishCoalesce(_optionalChain([one, 'optionalAccess', _338 => _338.effects]), () => ( []))).map((e) => ({
+    effects: (_nullishCoalesce(_optionalChain([one, 'optionalAccess', _344 => _344.effects]), () => ( []))).map((e) => ({
       id: e.id,
       type: e.type,
-      label: _nullishCoalesce(_chunkJF5PXN7Wcjs.VECTOR_EFFECT_LABELS[e.type], () => ( e.type)),
+      label: _nullishCoalesce(_chunkKANRAHTLcjs.VECTOR_EFFECT_LABELS[e.type], () => ( e.type)),
       enabled: e.enabled !== false,
       params: e.params,
       // The Envelope panel (`getVectorEnvelopePanel`) edits an envelope's warp and mesh.
-      specs: e.type === "envelope" ? [] : _nullishCoalesce(_chunkJF5PXN7Wcjs.VECTOR_EFFECT_PARAM_SPECS[e.type], () => ( []))
+      specs: e.type === "envelope" ? [] : _nullishCoalesce(_chunkKANRAHTLcjs.VECTOR_EFFECT_PARAM_SPECS[e.type], () => ( []))
     })),
-    expandable: nodes.some(_chunkJF5PXN7Wcjs.hasVectorAppearance)
+    expandable: nodes.some(_chunkKANRAHTLcjs.hasVectorAppearance)
+  };
+}
+function vectorPaintSwatch(paint) {
+  if (typeof paint === "string") return paint;
+  if (_chunkKANRAHTLcjs.isVectorGradient.call(void 0, paint)) {
+    return `linear-gradient(to right, ${_chunkKANRAHTLcjs.expandVectorGradientStops.call(void 0, paint).map((s) => {
+      const c = _chunkKANRAHTLcjs.parseVectorColor.call(void 0, s.color);
+      const a = (_nullishCoalesce(_optionalChain([c, 'optionalAccess', _345 => _345[3]]), () => ( 1))) * (_nullishCoalesce(s.opacity, () => ( 1)));
+      const color = c ? `rgba(${Math.round(c[0] * 255)}, ${Math.round(c[1] * 255)}, ${Math.round(c[2] * 255)}, ${Math.round(a * 1e3) / 1e3})` : s.color;
+      return `${color} ${Math.round(s.offset * 1e4) / 100}%`;
+    }).join(", ")})`;
+  }
+  return "transparent";
+}
+function getVectorAppearancePanel(state) {
+  const nodes = state.selection.map((id) => _chunkKANRAHTLcjs.findVectorNode.call(void 0, state.document.nodes, id)).filter((n) => !!n && !n.blendStep);
+  if (!nodes.length) return null;
+  const paths = [];
+  for (const n of nodes) for (const p of collect(n)) if (!p.blendStep && !paths.some((q) => q.id === p.id)) paths.push(p);
+  const first = paths[0];
+  const edit = state.gradientEdit;
+  const layer = (kind, l, index, count) => ({
+    kind,
+    index,
+    paint: l.paint,
+    color: vectorPaintToHex(l.paint),
+    swatch: vectorPaintSwatch(l.paint),
+    gradient: _chunkKANRAHTLcjs.isVectorGradient.call(void 0, l.paint),
+    opacity: _nullishCoalesce(l.opacity, () => ( 1)),
+    blendMode: _nullishCoalesce(l.blendMode, () => ( "normal")),
+    visible: l.visible !== false,
+    ...kind === "stroke" ? { strokeWidth: _nullishCoalesce(l.strokeWidth, () => ( 1)), strokeAlign: _nullishCoalesce(l.strokeAlign, () => ( "center")) } : {},
+    ...(_nullishCoalesce(l.kind, () => ( "paint"))) !== "paint" ? { unknownKind: String(l.kind) } : {},
+    editing: edit.target === kind && (edit.layer === null ? index === count - 1 : edit.layer === index)
+  });
+  const fills = first ? _chunkKANRAHTLcjs.vectorFills.call(void 0, first) : [];
+  const strokes = first ? _chunkKANRAHTLcjs.vectorStrokes.call(void 0, first) : [];
+  const same = (get) => paths.every((p) => JSON.stringify(get(p)) === JSON.stringify(get(first)));
+  const one = nodes.length === 1 ? nodes[0] : null;
+  return {
+    nodeIds: nodes.map((n) => n.id),
+    pathIds: paths.map((p) => p.id),
+    fills: fills.map((l, i) => layer("fill", l, i, fills.length)),
+    strokes: strokes.map((l, i) => layer("stroke", l, i, strokes.length)),
+    blendMode: _nullishCoalesce(nodes[0].blendMode, () => ( "normal")),
+    mixed: {
+      fills: !!first && !same(_chunkKANRAHTLcjs.vectorFills),
+      strokes: !!first && !same(_chunkKANRAHTLcjs.vectorStrokes),
+      blendMode: nodes.some((n) => (_nullishCoalesce(n.blendMode, () => ( "normal"))) !== (_nullishCoalesce(nodes[0].blendMode, () => ( "normal"))))
+    },
+    filterNodeId: _nullishCoalesce(_optionalChain([one, 'optionalAccess', _346 => _346.id]), () => ( null)),
+    filters: (_nullishCoalesce(_optionalChain([one, 'optionalAccess', _347 => _347.filters]), () => ( []))).map((f) => ({
+      id: f.id,
+      type: f.type,
+      label: _nullishCoalesce(_chunkKANRAHTLcjs.VECTOR_FILTER_LABELS[f.type], () => ( f.type)),
+      enabled: f.enabled !== false,
+      params: f.params,
+      specs: _nullishCoalesce(_chunkKANRAHTLcjs.VECTOR_FILTER_PARAM_SPECS[f.type], () => ( []))
+    }))
   };
 }
+var VECTOR_BLEND_MODE_MENU = _chunkKANRAHTLcjs.VECTOR_BLEND_MODES.map((mode) => ({ mode, label: _chunkKANRAHTLcjs.VECTOR_BLEND_MODE_LABELS[mode] }));
 
 // src/vector/commands.ts
 var EFFECT_PARAMS_DESCRIPTION = "Effect parameters (missing ones keep their value or default). trim: start, end (percent), offset (degrees), mode simultaneous|individual. roundCorners: radius. puckerBloat: amount (\u2212100\u2026100). twist: angle, center {x, y} (offset from the middle). zigzag: size, ridges, smooth. wiggle: size, detail, smooth, speed, correlation, phase, seed, time (seconds). offset: amount, join miter|round|bevel, miterLimit, copies, copyOffset. merge: mode merge|add|subtract|intersect|exclude. repeater: copies (fractions fade the last), offset, position {x, y}, anchor {x, y} (offset from the middle), rotation, scale {x, y} (percent), startOpacity, endOpacity (percent), composite below|above. envelope: style (a warp preset: arc|arcLower|arcUpper|arch|bulge|shellLower|shellUpper|flag|wave|fish|rise|fisheye|inflate|squeeze|twist, or mesh), bend, horizontal, vertical (percent, \u2212100\u2026100), orientation horizontal|vertical, rows, columns, mesh { us, vs, points } (node space; prefer vector.envelope).";
@@ -7943,13 +8361,13 @@ var BLEND_PROPS = {
   linear: { type: "boolean", description: "Move anchors in straight lines instead of the rotation-aware morph." }
 };
 var checkBlendOptions = (params) => {
-  if (_optionalChain([params, 'optionalAccess', _339 => _339.spacing]) !== void 0 && !_chunkJF5PXN7Wcjs.VECTOR_BLEND_SPACINGS.includes(params.spacing)) fail(`Unknown blend spacing "${params.spacing}".`);
-  if (_optionalChain([params, 'optionalAccess', _340 => _340.steps]) !== void 0 && !(Number.isFinite(params.steps) && params.steps >= 1)) fail("steps must be at least 1.");
-  if (_optionalChain([params, 'optionalAccess', _341 => _341.distance]) !== void 0 && !(Number.isFinite(params.distance) && params.distance > 0)) fail("distance must be positive.");
+  if (_optionalChain([params, 'optionalAccess', _348 => _348.spacing]) !== void 0 && !_chunkKANRAHTLcjs.VECTOR_BLEND_SPACINGS.includes(params.spacing)) fail(`Unknown blend spacing "${params.spacing}".`);
+  if (_optionalChain([params, 'optionalAccess', _349 => _349.steps]) !== void 0 && !(Number.isFinite(params.steps) && params.steps >= 1)) fail("steps must be at least 1.");
+  if (_optionalChain([params, 'optionalAccess', _350 => _350.distance]) !== void 0 && !(Number.isFinite(params.distance) && params.distance > 0)) fail("distance must be positive.");
 };
 var POINT = { type: "object", properties: { x: { type: "number" }, y: { type: "number" } }, required: ["x", "y"] };
 var GRADIENT_PROPS = {
-  type: { type: "string", enum: _chunkJF5PXN7Wcjs.VECTOR_GRADIENT_TYPES, description: "linear, radial, conic (an angle sweep), reflected (linear mirrored about the start) or diamond." },
+  type: { type: "string", enum: _chunkKANRAHTLcjs.VECTOR_GRADIENT_TYPES, description: "linear, radial, conic (an angle sweep), reflected (linear mirrored about the start) or diamond." },
   stops: {
     type: "array",
     minItems: 1,
@@ -7974,37 +8392,66 @@ var GRADIENT_PROPS = {
   focal: { ...POINT, description: "Radial focal point (where t = 0), in `units`." },
   focalRadius: { type: "number", minimum: 0, maximum: 0.99, description: "Radial focal circle radius as a fraction of the radius (SVG fr)." },
   units: { type: "string", enum: ["objectBoundingBox", "userSpaceOnUse"], description: "Space of start / end / width / focal: fractions of the shape box (default) or the node's own coordinates." },
-  spread: { type: "string", enum: _chunkJF5PXN7Wcjs.VECTOR_GRADIENT_SPREADS, description: "What paints past the ends: pad (default), reflect or repeat." },
-  interpolation: { type: "string", enum: _chunkJF5PXN7Wcjs.VECTOR_GRADIENT_INTERPOLATIONS, description: "Colour mixing space: srgb (default), linear (light) or oklab." },
+  spread: { type: "string", enum: _chunkKANRAHTLcjs.VECTOR_GRADIENT_SPREADS, description: "What paints past the ends: pad (default), reflect or repeat." },
+  interpolation: { type: "string", enum: _chunkKANRAHTLcjs.VECTOR_GRADIENT_INTERPOLATIONS, description: "Colour mixing space: srgb (default), linear (light) or oklab." },
   smoothness: { type: "number", minimum: 0, maximum: 1, description: "Bends the ramp along a smooth spline through the stops (0 = straight)." },
-  strokeMode: { type: "string", enum: _chunkJF5PXN7Wcjs.VECTOR_STROKE_GRADIENT_MODES, description: "On strokes: within (default, like a fill), along the path or across it." }
+  strokeMode: { type: "string", enum: _chunkKANRAHTLcjs.VECTOR_STROKE_GRADIENT_MODES, description: "On strokes: within (default, like a fill), along the path or across it." }
 };
 var PAINT = {
   description: 'A CSS colour, `null` for none, or a gradient object: `{ type: "linear" | "radial" | "conic" | "reflected" | "diamond", stops: [{ offset, color, opacity?, midpoint? }] }` plus the shorthand `angle` / `cx, cy, r` or explicit `start`, `end`, `width`, `focal`, `focalRadius`, `units`, and `spread`, `interpolation`, `smoothness`, `strokeMode` (see vector.setGradient).',
   anyOf: [{ type: "string" }, { type: "null" }, { type: "object", properties: GRADIENT_PROPS, required: ["type", "stops"] }]
 };
-var STYLE_PROPS = {
-  fill: PAINT,
-  stroke: PAINT,
-  strokeWidth: { type: "number", minimum: 0 },
-  strokeLinecap: { type: "string", enum: ["butt", "round", "square"] },
-  strokeLinejoin: { type: "string", enum: ["miter", "round", "bevel"] },
-  strokeDasharray: { type: "array", items: { type: "number" } },
-  fillRule: { type: "string", enum: ["nonzero", "evenodd"] },
-  strokeAlign: { type: "string", enum: ["center", "inside", "outside"], description: "Where the stroke sits on the outline (closed shapes only; open paths stroke centred)." },
-  startArrow: { type: ["string", "null"], enum: [..._chunkJF5PXN7Wcjs.VECTOR_ARROWHEADS, null], description: "Head at the start of an open path, or null for none." },
-  endArrow: { type: ["string", "null"], enum: [..._chunkJF5PXN7Wcjs.VECTOR_ARROWHEADS, null], description: "Head at the end of an open path, or null for none." },
+var BLEND_MODE = {
+  type: "string",
+  enum: _chunkKANRAHTLcjs.VECTOR_BLEND_MODES,
+  description: "How it mixes with what is under it (CSS mix-blend-mode names; linear-dodge draws as plus-lighter). Default normal."
+};
+var FILL_LAYER_PROPS = {
+  paint: PAINT,
+  opacity: { type: "number", minimum: 0, maximum: 1, description: "Layer opacity 0 to 1 (default 1), multiplying the paint's own alpha." },
+  blendMode: BLEND_MODE,
+  visible: { type: "boolean", description: "false hides the layer (kept, not drawn or hit). Default true." }
+};
+var STROKE_SETTING_PROPS = {
+  strokeWidth: { type: "number", minimum: 0, description: "Stroke width in document units (default 1)." },
+  strokeLinecap: { type: "string", enum: ["butt", "round", "square"], description: "Line cap (default butt)." },
+  strokeLinejoin: { type: "string", enum: ["miter", "round", "bevel"], description: "Line join (default miter)." },
+  strokeDasharray: { type: ["array", "null"], items: { type: "number", minimum: 0 }, description: "Dash and gap lengths in document units; null or [] for a solid line." },
+  strokeAlign: { type: "string", enum: ["center", "inside", "outside"], description: "Where the stroke sits on the outline (closed shapes only; open paths stroke centred). Default center." },
+  startArrow: { type: ["string", "null"], enum: [..._chunkKANRAHTLcjs.VECTOR_ARROWHEADS, null], description: "Head at the start of an open path, or null for none." },
+  endArrow: { type: ["string", "null"], enum: [..._chunkKANRAHTLcjs.VECTOR_ARROWHEADS, null], description: "Head at the end of an open path, or null for none." },
   arrowAlign: { type: "string", enum: ["extend", "tip"], description: "`extend`: the tip sits past the end point; `tip`: on it, the stroke shortened under the head." },
   startArrowScale: { type: "number", exclusiveMinimum: 0, description: "Start head size as a multiple of the stroke width (default 1)." },
   endArrowScale: { type: "number", exclusiveMinimum: 0, description: "End head size as a multiple of the stroke width (default 1)." },
   strokeWidthProfile: WIDTH_POINTS
 };
+var FILL_LAYER = { type: "object", properties: FILL_LAYER_PROPS, required: ["paint"], additionalProperties: false };
+var STROKE_LAYER = { type: "object", properties: { ...FILL_LAYER_PROPS, ...STROKE_SETTING_PROPS }, required: ["paint"], additionalProperties: false };
+var STYLE_PROPS = {
+  fills: { type: "array", items: FILL_LAYER, description: "Replace the fill stack, bottom to top (fills draw under strokes). `fill` alone edits the top fill." },
+  strokes: { type: "array", items: STROKE_LAYER, description: "Replace the stroke stack, bottom to top, each stroke with its own settings. `stroke` and the stroke settings alone edit the top stroke." },
+  fill: PAINT,
+  stroke: PAINT,
+  ...STROKE_SETTING_PROPS,
+  fillRule: { type: "string", enum: ["nonzero", "evenodd"], description: "Which areas count as inside (default nonzero)." }
+};
+var checkPaint = (paint, where) => {
+  if (paint && typeof paint === "object") return _nullishCoalesce(_chunkKANRAHTLcjs.sanitizeVectorGradient.call(void 0, paint), () => ( fail(`${where} is not a valid gradient: give a type and at least one stop { offset, color }.`)));
+  return paint;
+};
 var pickStyle = (params) => {
   const out = {};
   for (const key of Object.keys(STYLE_PROPS)) if (params[key] !== void 0) out[key] = params[key];
-  for (const key of ["fill", "stroke"]) {
-    const paint = out[key];
-    if (paint && typeof paint === "object") out[key] = _nullishCoalesce(_chunkJF5PXN7Wcjs.sanitizeVectorGradient.call(void 0, paint), () => ( fail(`${key} is not a valid gradient: give a type and at least one stop { offset, color }.`)));
+  for (const key of ["fill", "stroke"]) if (out[key] !== void 0) out[key] = checkPaint(out[key], key);
+  for (const key of ["fills", "strokes"]) {
+    const stack = out[key];
+    if (!Array.isArray(stack)) continue;
+    stack.forEach((l, i) => {
+      if (!l || typeof l !== "object") fail(`${key}[${i}] must be a layer object { paint, \u2026 }.`);
+      const layer = l;
+      checkPaint(layer.paint, `${key}[${i}].paint`);
+      if (layer.blendMode !== void 0 && !_chunkKANRAHTLcjs.isVectorBlendMode.call(void 0, layer.blendMode)) fail(`${key}[${i}].blendMode "${String(layer.blendMode)}" is not one of: ${_chunkKANRAHTLcjs.VECTOR_BLEND_MODES.join(", ")}.`);
+    });
   }
   return out;
 };
@@ -8017,17 +8464,17 @@ function createVectorCommands(controller, options = {}) {
   const base = { group, ...options.scope ? { scope: options.scope } : {} };
   const hasSelection = () => controller.getState().selection.length ? true : "Nothing is selected.";
   const ids = (params) => {
-    const list2 = _nullishCoalesce(_optionalChain([params, 'optionalAccess', _342 => _342.ids]), () => ( controller.getState().selection));
+    const list2 = _nullishCoalesce(_optionalChain([params, 'optionalAccess', _351 => _351.ids]), () => ( controller.getState().selection));
     for (const id of list2) if (!controller.getNode(id)) fail(`There is no node "${id}".`);
     if (!list2.length) fail("Nothing is selected; pass ids.");
     return list2;
   };
-  const enabledFor = (_, params) => _optionalChain([params, 'optionalAccess', _343 => _343.ids, 'optionalAccess', _344 => _344.length]) ? true : hasSelection();
+  const enabledFor = (_, params) => _optionalChain([params, 'optionalAccess', _352 => _352.ids, 'optionalAccess', _353 => _353.length]) ? true : hasSelection();
   const anchorsOf = (refs) => {
     if (!refs) return [...controller.getState().selectedAnchors];
     for (const r of refs) {
       const node = controller.getNode(r.nodeId);
-      if (_optionalChain([node, 'optionalAccess', _345 => _345.type]) !== "path" || !_optionalChain([node, 'access', _346 => _346.subpaths, 'access', _347 => _347[r.subpath], 'optionalAccess', _348 => _348.anchors, 'access', _349 => _349[r.index]])) fail(`There is no anchor ${r.index} on subpath ${r.subpath} of "${r.nodeId}".`);
+      if (_optionalChain([node, 'optionalAccess', _354 => _354.type]) !== "path" || !_optionalChain([node, 'access', _355 => _355.subpaths, 'access', _356 => _356[r.subpath], 'optionalAccess', _357 => _357.anchors, 'access', _358 => _358[r.index]])) fail(`There is no anchor ${r.index} on subpath ${r.subpath} of "${r.nodeId}".`);
     }
     return refs;
   };
@@ -8036,24 +8483,28 @@ function createVectorCommands(controller, options = {}) {
     const out = [];
     const visit = (nodes, depth) => {
       for (const n of nodes) {
-        const parent = _nullishCoalesce(_chunkJF5PXN7Wcjs.vectorParentMatrix.call(void 0, state.document.nodes, n.id), () => ( _chunkDWGZUSEScjs.IDENTITY_MATRIX));
-        const b = _chunkJF5PXN7Wcjs.vectorNodeBounds.call(void 0, n, parent);
+        const parent = _nullishCoalesce(_chunkKANRAHTLcjs.vectorParentMatrix.call(void 0, state.document.nodes, n.id), () => ( _chunkDWGZUSEScjs.IDENTITY_MATRIX));
+        const b = _chunkKANRAHTLcjs.vectorNodeBounds.call(void 0, n, parent);
         out.push({
           id: n.id,
           type: n.type,
           ...n.name ? { name: n.name } : {},
           depth,
-          rotation: Math.round(_chunkJF5PXN7Wcjs.vectorNodeRotation.call(void 0, n, parent) * 100) / 100,
+          rotation: Math.round(_chunkKANRAHTLcjs.vectorNodeRotation.call(void 0, n, parent) * 100) / 100,
           bounds: b && { x: Math.round(b.x * 100) / 100, y: Math.round(b.y * 100) / 100, width: Math.round(b.width * 100) / 100, height: Math.round(b.height * 100) / 100 },
           visible: n.visible !== false,
           locked: !!n.locked,
           selected: state.selection.includes(n.id),
-          ...n.type === "path" ? { fill: _nullishCoalesce(n.fill, () => ( null)), stroke: _nullishCoalesce(n.stroke, () => ( null)), strokeWidth: _nullishCoalesce(n.strokeWidth, () => ( 1)), d: _chunkJF5PXN7Wcjs.vectorPathData.call(void 0, n, 2) } : { children: n.children.length },
+          ...n.type === "path" ? { fill: _nullishCoalesce(n.fill, () => ( null)), stroke: _nullishCoalesce(n.stroke, () => ( null)), strokeWidth: _nullishCoalesce(n.strokeWidth, () => ( 1)), d: _chunkKANRAHTLcjs.vectorPathData.call(void 0, n, 2) } : { children: n.children.length },
           ...n.type === "group" && n.blend ? { blend: { ...resolveVectorBlendOptions(n.blend), spine: !!n.blend.spine, keys: vectorBlendKeys(n).map((k) => k.id) } } : {},
           ...n.blendStep ? { blendStep: true } : {},
-          ..._optionalChain([n, 'access', _350 => _350.effects, 'optionalAccess', _351 => _351.length]) ? { effects: n.effects } : {},
+          ..._optionalChain([n, 'access', _359 => _359.effects, 'optionalAccess', _360 => _360.length]) ? { effects: n.effects } : {},
           ...n.type === "group" && n.liveBoolean ? { liveBoolean: n.liveBoolean } : {},
-          ...n.booleanOperation ? { booleanOperation: n.booleanOperation } : {}
+          ...n.booleanOperation ? { booleanOperation: n.booleanOperation } : {},
+          ...n.type === "path" && Array.isArray(n.fills) ? { fills: n.fills } : {},
+          ...n.type === "path" && Array.isArray(n.strokes) ? { strokes: n.strokes } : {},
+          ...n.blendMode && n.blendMode !== "normal" ? { blendMode: n.blendMode } : {},
+          ..._optionalChain([n, 'access', _361 => _361.filters, 'optionalAccess', _362 => _362.length]) ? { filters: n.filters } : {}
         });
         if (n.type === "group") visit(n.children, depth + 1);
       }
@@ -8061,6 +8512,276 @@ function createVectorCommands(controller, options = {}) {
     visit(state.document.nodes, 0);
     return { width: state.document.width, height: state.document.height, nodes: out, selection: state.selection, tool: state.tool };
   };
+  const appearanceOf = (id) => {
+    const n = _nullishCoalesce(controller.getNode(id), () => ( fail(`There is no node "${id}".`)));
+    return {
+      id: n.id,
+      type: n.type,
+      ...n.type === "path" ? { fills: _chunkKANRAHTLcjs.vectorFills.call(void 0, n), strokes: _chunkKANRAHTLcjs.vectorStrokes.call(void 0, n), fillRule: _nullishCoalesce(n.fillRule, () => ( "nonzero")) } : {},
+      blendMode: _nullishCoalesce(n.blendMode, () => ( "normal")),
+      opacity: _nullishCoalesce(n.opacity, () => ( 1)),
+      filters: _nullishCoalesce(n.filters, () => ( []))
+    };
+  };
+  const pathOf = (id) => {
+    const n = _nullishCoalesce(controller.getNode(id), () => ( fail(`There is no node "${id}". Call vector.list for ids.`)));
+    if (n.type !== "path") fail(`"${id}" is a group; fills and strokes belong to paths (pass a path id, or use ids on vector.addFill / vector.addStroke for every path inside).`);
+    return n;
+  };
+  const layerIndex = (id, kind, index, key = "index") => {
+    const stack = kind === "fill" ? _chunkKANRAHTLcjs.vectorFills.call(void 0, pathOf(id)) : _chunkKANRAHTLcjs.vectorStrokes.call(void 0, pathOf(id));
+    if (!Number.isInteger(index) || !stack[index]) fail(`${key} ${index} is out of range: "${id}" has ${stack.length} ${kind}${stack.length === 1 ? "" : "s"} (0 is the bottom). Read them with vector.getAppearance.`);
+  };
+  const stackResult = (id, kind) => kind === "fill" ? { id, fills: _chunkKANRAHTLcjs.vectorFills.call(void 0, pathOf(id)) } : { id, strokes: _chunkKANRAHTLcjs.vectorStrokes.call(void 0, pathOf(id)) };
+  const layerPatchOf = (params, keys) => {
+    const out = {};
+    for (const key of keys) if (params[key] !== void 0) out[key] = key === "paint" ? checkPaint(params[key], "paint") : params[key];
+    return out;
+  };
+  const pathsUnder = (list2) => {
+    const out = [];
+    const walk = (n) => n.type === "path" ? out.push(n.id) : n.children.forEach(walk);
+    for (const id of list2) walk(controller.getNode(id));
+    return out;
+  };
+  const FILL_KEYS = Object.keys(FILL_LAYER_PROPS);
+  const STROKE_KEYS2 = [...FILL_KEYS, ...Object.keys(STROKE_SETTING_PROPS)];
+  const layerCommands = (kind) => {
+    const Kind = kind === "fill" ? "Fill" : "Stroke";
+    const props = kind === "fill" ? FILL_LAYER_PROPS : { ...FILL_LAYER_PROPS, ...STROKE_SETTING_PROPS };
+    const keys = kind === "fill" ? FILL_KEYS : STROKE_KEYS2;
+    const NODE = { type: "string", description: "Id of the path (from vector.list)." };
+    const INDEX = { type: "integer", minimum: 0, description: `Position of the ${kind} in the path's ${kind} stack, 0 at the bottom (from vector.getAppearance).` };
+    const listKey = `${kind}s`;
+    return [
+      {
+        ...base,
+        id: `${prefix}add${Kind}`,
+        label: `Add ${Kind}`,
+        keywords: ["appearance", "layer", kind, "stack", "multiple", "paint"],
+        description: kind === "fill" ? "Adds a fill layer to paths (groups: every path inside), on top of the fill stack or at `index`. Fills draw bottom to top, all under the strokes. Returns each path's new fill stack." : "Adds a stroke layer to paths (groups: every path inside), on top of the stroke stack or at `index`, with its own width, alignment, dashes, caps, joins, arrowheads and profile (unset settings come from the stack's current top stroke). Strokes draw bottom to top, over every fill. Returns each path's new stroke stack.",
+        params: {
+          type: "object",
+          properties: {
+            ids: { ...IDS, description: "Paths or groups to add it to (default: the selection; groups give every path inside)." },
+            ...props,
+            paint: { ...PAINT, description: `${PAINT.description} Default ${kind === "fill" ? "#808080" : "#000000"}.` },
+            index: { type: "integer", minimum: 0, description: `Where in the stack to put it, 0 at the bottom (default: on top).` }
+          },
+          additionalProperties: false
+        },
+        undoable: true,
+        enabled: enabledFor,
+        run: (_ctx, params) => {
+          const targets = ids(params);
+          check(controller.addPaintLayer(kind, layerPatchOf(_nullishCoalesce(params, () => ( {})), keys), { ids: targets, index: _optionalChain([params, 'optionalAccess', _363 => _363.index]) }));
+          return { nodes: pathsUnder(targets).map((id) => stackResult(id, kind)) };
+        }
+      },
+      {
+        ...base,
+        id: `${prefix}update${Kind}`,
+        label: `Edit ${Kind}`,
+        keywords: ["appearance", "layer", kind, "opacity", "blend", "hide", "show"],
+        description: `Changes ${kind} \`index\` of path \`nodeId\`: ${kind === "fill" ? "paint, opacity, blend mode, visibility" : "paint, opacity, blend mode, visibility and any stroke setting (null removes an arrowhead, dashes or a profile)"}. Missing fields keep their value. Returns the path's ${kind} stack.`,
+        params: { type: "object", properties: { nodeId: NODE, index: INDEX, ...props }, required: ["nodeId", "index"], additionalProperties: false },
+        undoable: true,
+        run: (_ctx, params) => {
+          layerIndex(params.nodeId, kind, params.index);
+          const patch = layerPatchOf(params, keys);
+          if (!Object.keys(patch).length) fail(`Pass at least one of: ${keys.join(", ")}.`);
+          check(controller.updatePaintLayer(kind, params.index, patch, { ids: [params.nodeId] }));
+          return stackResult(params.nodeId, kind);
+        }
+      },
+      {
+        ...base,
+        id: `${prefix}remove${Kind}`,
+        label: `Remove ${Kind}`,
+        keywords: ["appearance", "layer", kind, "delete"],
+        description: `Removes ${kind} \`index\` from path \`nodeId\`. Returns the path's remaining ${kind} stack.`,
+        params: { type: "object", properties: { nodeId: NODE, index: INDEX }, required: ["nodeId", "index"], additionalProperties: false },
+        undoable: true,
+        run: (_ctx, params) => {
+          layerIndex(params.nodeId, kind, params.index);
+          check(controller.removePaintLayer(kind, params.index, { ids: [params.nodeId] }));
+          return stackResult(params.nodeId, kind);
+        }
+      },
+      {
+        ...base,
+        id: `${prefix}move${Kind}`,
+        label: `Reorder ${Kind}s`,
+        keywords: ["appearance", "layer", kind, "order", "reorder", "stack"],
+        description: `Moves ${kind} \`index\` of path \`nodeId\` to position \`to\` in its ${kind} stack (0 is the bottom). Returns the reordered ${listKey}.`,
+        params: {
+          type: "object",
+          properties: { nodeId: NODE, index: INDEX, to: { type: "integer", minimum: 0, description: `New position, 0 at the bottom (clamped to the stack).` } },
+          required: ["nodeId", "index", "to"],
+          additionalProperties: false
+        },
+        undoable: true,
+        run: (_ctx, params) => {
+          layerIndex(params.nodeId, kind, params.index);
+          check(controller.movePaintLayer(kind, params.index, params.to, { ids: [params.nodeId] }));
+          return stackResult(params.nodeId, kind);
+        }
+      }
+    ];
+  };
+  const FILTER_PARAMS = {
+    type: "object",
+    description: "Filter parameters (missing ones keep their value or default; lengths in document units). dropShadow / innerShadow: color (CSS), opacity (0 to 1), offsetX, offsetY, blur (radius; reaches about 1.5 times it), spread (inner: choke). outerGlow / innerGlow: color, opacity, blur, spread. layerBlur: radius. feather: radius (edge fade width).",
+    properties: {
+      color: { type: "string", description: "Shadow or glow colour (CSS)." },
+      opacity: { type: "number", minimum: 0, maximum: 1, description: "Shadow or glow opacity, 0 to 1." },
+      offsetX: { type: "number", description: "Shadow offset to the right, document units." },
+      offsetY: { type: "number", description: "Shadow offset downwards, document units." },
+      blur: { type: "number", minimum: 0, description: "Shadow or glow blur radius, document units." },
+      spread: { type: "number", minimum: 0, description: "Grows the silhouette before blurring (inner shadow and glow: chokes inwards)." },
+      radius: { type: "number", minimum: 0, description: "Layer blur radius, or feather width, document units." }
+    },
+    additionalProperties: false
+  };
+  const checkFilterParams = (type, params) => {
+    const allowed = _chunkKANRAHTLcjs.vectorFilterParamKeys.call(void 0, type);
+    for (const key of Object.keys(_nullishCoalesce(params, () => ( {})))) if (!allowed.includes(key)) fail(`${type} has no parameter "${key}"; it takes ${allowed.join(", ")}.`);
+  };
+  const filtersResult = (id) => ({ id, filters: _nullishCoalesce(_optionalChain([controller, 'access', _364 => _364.getNode, 'call', _365 => _365(id), 'optionalAccess', _366 => _366.filters]), () => ( [])) });
+  const filterOf = (nodeId, filterId) => {
+    const node = _nullishCoalesce(controller.getNode(nodeId), () => ( fail(`There is no node "${nodeId}".`)));
+    return _nullishCoalesce(_optionalChain([node, 'access', _367 => _367.filters, 'optionalAccess', _368 => _368.find, 'call', _369 => _369((f) => f.id === filterId)]), () => ( fail(`Node "${nodeId}" has no filter "${filterId}"; it has ${(_nullishCoalesce(node.filters, () => ( []))).map((f) => `"${f.id}" (${f.type})`).join(", ") || "none"}.`)));
+  };
+  const appearanceCommands = () => [
+    {
+      ...base,
+      id: `${prefix}getAppearance`,
+      label: "Get Appearance",
+      readOnly: true,
+      keywords: ["appearance", "fills", "strokes", "blend mode", "filters", "shadow"],
+      description: "Reads a node's appearance: for paths the fill and stroke stacks (bottom to top, each with paint, opacity, blendMode, visible and, for strokes, their settings) and fill rule; for any node its blend mode, opacity and filters (with ids). Use the indexes and ids with the fill, stroke and filter commands.",
+      params: { type: "object", properties: { id: { type: "string", description: "Node id (from vector.list)." } }, required: ["id"], additionalProperties: false },
+      run: (_ctx, params) => appearanceOf(params.id)
+    },
+    ...layerCommands("fill"),
+    ...layerCommands("stroke"),
+    {
+      ...base,
+      id: `${prefix}setBlendMode`,
+      label: "Blend Mode\u2026",
+      keywords: ["blend", "multiply", "screen", "overlay", "mix-blend-mode", "composite"],
+      description: "Sets how whole nodes (paths or groups, with everything they draw) mix with what is under them. `normal` removes it. Returns each node's blend mode.",
+      params: {
+        type: "object",
+        properties: { ids: IDS, blendMode: { ...BLEND_MODE, description: "The blend mode (CSS mix-blend-mode names; linear-dodge draws as plus-lighter)." } },
+        required: ["blendMode"],
+        additionalProperties: false
+      },
+      undoable: true,
+      enabled: enabledFor,
+      run: (_ctx, params) => {
+        const targets = ids(params);
+        check(controller.setBlendMode(params.blendMode, { ids: targets }));
+        return { nodes: targets.map((id) => ({ id, blendMode: _nullishCoalesce(_optionalChain([controller, 'access', _370 => _370.getNode, 'call', _371 => _371(id), 'optionalAccess', _372 => _372.blendMode]), () => ( "normal")) })) };
+      }
+    },
+    {
+      ...base,
+      id: `${prefix}addFilter`,
+      label: "Add Filter\u2026",
+      keywords: ["filter", "drop shadow", "inner shadow", "glow", "blur", "feather", "effect", "appearance"],
+      description: "Adds a visual filter `type` (dropShadow, innerShadow, outerGlow, innerGlow, layerBlur, feather) to nodes (paths or groups), at the end of each filter stack or at `index`. Filters never change geometry (bounds and hit-testing ignore them) and export as SVG filters. Returns each node's new filter id and its filter stack.",
+      params: {
+        type: "object",
+        properties: {
+          type: { type: "string", enum: _chunkKANRAHTLcjs.VECTOR_FILTER_TYPES, description: "The filter type." },
+          params: FILTER_PARAMS,
+          index: { type: "integer", minimum: 0, description: "Position in the stack (default: last)." },
+          ids: IDS
+        },
+        required: ["type"],
+        additionalProperties: false
+      },
+      undoable: true,
+      enabled: enabledFor,
+      run: (_ctx, params) => {
+        if (!_chunkKANRAHTLcjs.VECTOR_FILTER_TYPES.includes(params.type)) fail(`Unknown filter type "${params.type}"; use one of ${_chunkKANRAHTLcjs.VECTOR_FILTER_TYPES.join(", ")}.`);
+        checkFilterParams(params.type, params.params);
+        const targets = ids(params);
+        const created = controller.addFilter(params.type, { ids: targets, params: params.params, index: params.index });
+        if (!created.length) fail("Nothing to add the filter to (blend steps take no filters).");
+        return { nodes: targets.map((id, i) => ({ filterId: created[i], ...filtersResult(id) })) };
+      }
+    },
+    {
+      ...base,
+      id: `${prefix}updateFilter`,
+      label: "Edit Filter\u2026",
+      keywords: ["filter", "shadow", "glow", "blur", "feather", "enable", "disable"],
+      description: "Changes filter `filterId` of node `nodeId`: its `params` (merged; only the keys its type takes) and whether it is `enabled`. Returns the node's filter stack.",
+      params: {
+        type: "object",
+        properties: {
+          nodeId: { type: "string", description: "Node id." },
+          filterId: { type: "string", description: "Filter id (from vector.addFilter or vector.getAppearance)." },
+          params: FILTER_PARAMS,
+          enabled: { type: "boolean", description: "false turns the filter off (kept in the stack)." }
+        },
+        required: ["nodeId", "filterId"],
+        additionalProperties: false
+      },
+      undoable: true,
+      run: (_ctx, params) => {
+        const filter = filterOf(params.nodeId, params.filterId);
+        checkFilterParams(filter.type, params.params);
+        if (params.params === void 0 && params.enabled === void 0) fail("Pass params or enabled.");
+        check(controller.updateFilter(params.nodeId, params.filterId, { params: params.params, enabled: params.enabled }));
+        return filtersResult(params.nodeId);
+      }
+    },
+    {
+      ...base,
+      id: `${prefix}removeFilter`,
+      label: "Remove Filter",
+      keywords: ["filter", "delete", "shadow", "blur"],
+      description: "Removes filter `filterId` from node `nodeId`. Returns the node's remaining filters.",
+      params: {
+        type: "object",
+        properties: { nodeId: { type: "string", description: "Node id." }, filterId: { type: "string", description: "Filter id." } },
+        required: ["nodeId", "filterId"],
+        additionalProperties: false
+      },
+      undoable: true,
+      run: (_ctx, params) => {
+        filterOf(params.nodeId, params.filterId);
+        check(controller.removeFilter(params.nodeId, params.filterId));
+        return filtersResult(params.nodeId);
+      }
+    },
+    {
+      ...base,
+      id: `${prefix}moveFilter`,
+      label: "Reorder Filters",
+      keywords: ["filter", "order", "reorder"],
+      description: "Moves filter `filterId` of node `nodeId` to position `index` of its stack. Order matters within a kind: later drop shadows draw over earlier ones, later inner effects over earlier ones. Returns the reordered filters.",
+      params: {
+        type: "object",
+        properties: {
+          nodeId: { type: "string", description: "Node id." },
+          filterId: { type: "string", description: "Filter id." },
+          index: { type: "integer", minimum: 0, description: "New position, 0 first (clamped to the stack)." }
+        },
+        required: ["nodeId", "filterId", "index"],
+        additionalProperties: false
+      },
+      undoable: true,
+      run: (_ctx, params) => {
+        filterOf(params.nodeId, params.filterId);
+        check(controller.moveFilter(params.nodeId, params.filterId, params.index));
+        return filtersResult(params.nodeId);
+      }
+    }
+  ];
   return [
     {
       ...base,
@@ -8100,7 +8821,7 @@ function createVectorCommands(controller, options = {}) {
           width: { type: "number", description: "For a line: the x offset of its end." },
           height: { type: "number", description: "For a line: the y offset of its end." },
           cornerRadius: { type: "number", minimum: 0, description: "Live corner radius of a rect, polygon or star." },
-          cornerKind: { type: "string", enum: _chunkJF5PXN7Wcjs.VECTOR_CORNER_KINDS },
+          cornerKind: { type: "string", enum: _chunkKANRAHTLcjs.VECTOR_CORNER_KINDS },
           sides: { type: "integer", minimum: 3 },
           points: { type: "integer", minimum: 3 },
           innerRatio: { type: "number", minimum: 0, maximum: 1 },
@@ -8123,7 +8844,7 @@ function createVectorCommands(controller, options = {}) {
       run: (_ctx, params) => {
         const id = controller.addPath(params.d, { ...pickStyle(params), ...params.name ? { name: params.name } : {} });
         const node = controller.getNode(id);
-        if (_optionalChain([node, 'optionalAccess', _352 => _352.type]) === "path" && !node.subpaths.length) {
+        if (_optionalChain([node, 'optionalAccess', _373 => _373.type]) === "path" && !node.subpaths.length) {
           controller.undo();
           fail("The path data has no points.");
         }
@@ -8157,28 +8878,29 @@ function createVectorCommands(controller, options = {}) {
       undoable: true,
       run: (_ctx, params) => {
         const { ids: _i, target, ...patch } = _nullishCoalesce(params, () => ( {}));
-        if (patch.type !== void 0 && !_chunkJF5PXN7Wcjs.VECTOR_GRADIENT_TYPES.includes(patch.type)) fail(`Unknown gradient type "${patch.type}".`);
+        if (patch.type !== void 0 && !_chunkKANRAHTLcjs.VECTOR_GRADIENT_TYPES.includes(patch.type)) fail(`Unknown gradient type "${patch.type}".`);
         if (patch.stops !== void 0 && !(Array.isArray(patch.stops) && patch.stops.length)) fail("stops needs at least one { offset, color }.");
         check(controller.setGradient(patch, { ids: ids(params), target: _nullishCoalesce(target, () => ( "fill")) }));
         const id = ids(params)[0];
         const node = id ? controller.getNode(id) : void 0;
-        const path = _optionalChain([node, 'optionalAccess', _353 => _353.type]) === "path" ? node : void 0;
+        const path = _optionalChain([node, 'optionalAccess', _374 => _374.type]) === "path" ? node : void 0;
         return { ok: true, ...path ? { gradient: path[_nullishCoalesce(target, () => ( "fill"))] } : {} };
       }
     },
+    ...appearanceCommands(),
     {
       ...base,
       id: `${prefix}setCorners`,
       label: "Corner Radius\u2026",
       keywords: ["round", "rounded", "corners", "radius", "fillet", "chamfer", "live corners"],
       description: "Sets the live corner radius (and optionally `kind`: round, inverted or chamfer) of `anchors`, else the selected points (direct tool), else every corner of `ids` / the selection. Radius 0 makes corners sharp; radii shrink to fit short sides. The anchors stay editable.",
-      params: { type: "object", properties: { radius: { type: "number", minimum: 0 }, kind: { type: "string", enum: _chunkJF5PXN7Wcjs.VECTOR_CORNER_KINDS }, ids: IDS, anchors: ANCHORS } },
+      params: { type: "object", properties: { radius: { type: "number", minimum: 0 }, kind: { type: "string", enum: _chunkKANRAHTLcjs.VECTOR_CORNER_KINDS }, ids: IDS, anchors: ANCHORS } },
       undoable: true,
       run: (_ctx, params) => {
-        const refs = _optionalChain([params, 'optionalAccess', _354 => _354.anchors]) ? anchorsOf(params.anchors) : void 0;
-        const target = { refs, ids: _optionalChain([params, 'optionalAccess', _355 => _355.ids]) ? ids(params) : void 0 };
-        if (_optionalChain([params, 'optionalAccess', _356 => _356.radius]) !== void 0) check(controller.setCornerRadius(params.radius, { ...target, kind: params.kind }));
-        else if (_optionalChain([params, 'optionalAccess', _357 => _357.kind])) check(controller.setCornerKind(params.kind, target));
+        const refs = _optionalChain([params, 'optionalAccess', _375 => _375.anchors]) ? anchorsOf(params.anchors) : void 0;
+        const target = { refs, ids: _optionalChain([params, 'optionalAccess', _376 => _376.ids]) ? ids(params) : void 0 };
+        if (_optionalChain([params, 'optionalAccess', _377 => _377.radius]) !== void 0) check(controller.setCornerRadius(params.radius, { ...target, kind: params.kind }));
+        else if (_optionalChain([params, 'optionalAccess', _378 => _378.kind])) check(controller.setCornerKind(params.kind, target));
         else fail("Pass `radius` and / or `kind`.");
         return { ok: true };
       }
@@ -8193,7 +8915,7 @@ function createVectorCommands(controller, options = {}) {
         type: "object",
         properties: {
           ids: IDS,
-          preset: { type: "string", enum: _chunkJF5PXN7Wcjs.VECTOR_WIDTH_PRESET_IDS },
+          preset: { type: "string", enum: _chunkKANRAHTLcjs.VECTOR_WIDTH_PRESET_IDS },
           points: WIDTH_POINTS,
           taper: {
             type: "object",
@@ -8213,12 +8935,12 @@ function createVectorCommands(controller, options = {}) {
       undoable: true,
       run: (_ctx, params) => {
         const target = { ids: ids(params) };
-        if (_optionalChain([params, 'optionalAccess', _358 => _358.preset])) check(controller.setWidthProfile(params.preset, target));
-        else if (_optionalChain([params, 'optionalAccess', _359 => _359.points]) !== void 0) check(controller.setWidthProfile(_nullishCoalesce(params.points, () => ( null)), target));
-        else if (_optionalChain([params, 'optionalAccess', _360 => _360.taper]) || _optionalChain([params, 'optionalAccess', _361 => _361.wave])) check(controller.setWidthProfile({ taper: params.taper, wave: params.wave }, target));
+        if (_optionalChain([params, 'optionalAccess', _379 => _379.preset])) check(controller.setWidthProfile(params.preset, target));
+        else if (_optionalChain([params, 'optionalAccess', _380 => _380.points]) !== void 0) check(controller.setWidthProfile(_nullishCoalesce(params.points, () => ( null)), target));
+        else if (_optionalChain([params, 'optionalAccess', _381 => _381.taper]) || _optionalChain([params, 'optionalAccess', _382 => _382.wave])) check(controller.setWidthProfile({ taper: params.taper, wave: params.wave }, target));
         else fail("Pass `preset`, `points`, `taper` or `wave`.");
         const node = controller.getNode(target.ids[0]);
-        return { ok: true, points: _optionalChain([node, 'optionalAccess', _362 => _362.type]) === "path" ? _nullishCoalesce(node.strokeWidthProfile, () => ( [])) : [] };
+        return { ok: true, points: _optionalChain([node, 'optionalAccess', _383 => _383.type]) === "path" ? _nullishCoalesce(node.strokeWidthProfile, () => ( [])) : [] };
       }
     },
     {
@@ -8240,10 +8962,10 @@ function createVectorCommands(controller, options = {}) {
       },
       undoable: true,
       run: (_ctx, params) => {
-        if (!_optionalChain([params, 'optionalAccess', _363 => _363.id])) fail("Pass the path `id`.");
+        if (!_optionalChain([params, 'optionalAccess', _384 => _384.id])) fail("Pass the path `id`.");
         check(controller.setWidthPoint({ nodeId: params.id, index: _nullishCoalesce(params.index, () => ( null)) }, { t: params.t, left: params.left, right: params.right }));
         const node = controller.getNode(params.id);
-        return { ok: true, points: _optionalChain([node, 'optionalAccess', _364 => _364.type]) === "path" ? _nullishCoalesce(node.strokeWidthProfile, () => ( [])) : [] };
+        return { ok: true, points: _optionalChain([node, 'optionalAccess', _385 => _385.type]) === "path" ? _nullishCoalesce(node.strokeWidthProfile, () => ( [])) : [] };
       }
     },
     {
@@ -8256,7 +8978,7 @@ function createVectorCommands(controller, options = {}) {
       enabled: enabledFor,
       undoable: true,
       run: (_ctx, params) => {
-        const created = controller.outlineStroke({ ids: _optionalChain([params, 'optionalAccess', _365 => _365.ids]) ? ids(params) : void 0 });
+        const created = controller.outlineStroke({ ids: _optionalChain([params, 'optionalAccess', _386 => _386.ids]) ? ids(params) : void 0 });
         if (!created.length) fail("No selected path has a stroke.");
         return { ids: created };
       }
@@ -8341,7 +9063,7 @@ function createVectorCommands(controller, options = {}) {
         if (params.release) return { released: target, shapes: controller.releaseEnvelope({ ids: target }) };
         if (params.expand) return { expanded: controller.expandAppearance({ ids: target }) };
         if (params.topObject) {
-          const r = controller.makeEnvelopeWithTopObject({ ids: target, rows: _optionalChain([params, 'access', _366 => _366.mesh, 'optionalAccess', _367 => _367.rows]), columns: _optionalChain([params, 'access', _368 => _368.mesh, 'optionalAccess', _369 => _369.columns]) });
+          const r = controller.makeEnvelopeWithTopObject({ ids: target, rows: _optionalChain([params, 'access', _387 => _387.mesh, 'optionalAccess', _388 => _388.rows]), columns: _optionalChain([params, 'access', _389 => _389.mesh, 'optionalAccess', _390 => _390.columns]) });
           check(r);
           return { nodeId: r.nodeId };
         }
@@ -8443,7 +9165,7 @@ function createVectorCommands(controller, options = {}) {
       params: {
         type: "object",
         properties: {
-          type: { type: "string", enum: _chunkJF5PXN7Wcjs.VECTOR_EFFECT_TYPES },
+          type: { type: "string", enum: _chunkKANRAHTLcjs.VECTOR_EFFECT_TYPES },
           params: { type: "object", description: EFFECT_PARAMS_DESCRIPTION },
           index: { type: "integer", minimum: 0, description: "Position in the stack (default: last)." },
           ids: IDS
@@ -8453,7 +9175,7 @@ function createVectorCommands(controller, options = {}) {
       undoable: true,
       enabled: enabledFor,
       run: (_ctx, params) => {
-        if (!_chunkJF5PXN7Wcjs.VECTOR_EFFECT_TYPES.includes(params.type)) fail(`Unknown effect type "${params.type}".`);
+        if (!_chunkKANRAHTLcjs.VECTOR_EFFECT_TYPES.includes(params.type)) fail(`Unknown effect type "${params.type}".`);
         const targets = ids(params);
         const created = controller.addEffect(params.type, { ids: targets, params: params.params, index: params.index });
         if (!created.length) fail("Nothing to add the effect to.");
@@ -8481,7 +9203,7 @@ function createVectorCommands(controller, options = {}) {
       run: (_ctx, params) => {
         if (params.params !== void 0 || params.enabled !== void 0) check(controller.updateEffect(params.nodeId, params.effectId, { params: params.params, enabled: params.enabled }));
         if (params.index !== void 0) check(controller.moveEffect(params.nodeId, params.effectId, params.index));
-        return { effects: _nullishCoalesce(_optionalChain([controller, 'access', _370 => _370.getNode, 'call', _371 => _371(params.nodeId), 'optionalAccess', _372 => _372.effects]), () => ( [])) };
+        return { effects: _nullishCoalesce(_optionalChain([controller, 'access', _391 => _391.getNode, 'call', _392 => _392(params.nodeId), 'optionalAccess', _393 => _393.effects]), () => ( [])) };
       }
     },
     {
@@ -8545,7 +9267,7 @@ function createVectorCommands(controller, options = {}) {
       undoable: true,
       run: (_ctx, params) => {
         checkBlendOptions(params);
-        const r = controller.setBlendOptions(_nullishCoalesce(params, () => ( {})), { ids: _optionalChain([params, 'optionalAccess', _373 => _373.ids]) });
+        const r = controller.setBlendOptions(_nullishCoalesce(params, () => ( {})), { ids: _optionalChain([params, 'optionalAccess', _394 => _394.ids]) });
         if (!r.ok) fail(r.message);
         return { ok: true };
       }
@@ -8559,7 +9281,7 @@ function createVectorCommands(controller, options = {}) {
       params: { type: "object", properties: { ids: IDS } },
       undoable: true,
       run: (_ctx, params) => {
-        const groups = controller.expandBlend({ ids: _optionalChain([params, 'optionalAccess', _374 => _374.ids]) });
+        const groups = controller.expandBlend({ ids: _optionalChain([params, 'optionalAccess', _395 => _395.ids]) });
         if (!groups.length) fail("Select a blend to expand.");
         return { ids: groups };
       }
@@ -8573,7 +9295,7 @@ function createVectorCommands(controller, options = {}) {
       params: { type: "object", properties: { ids: IDS } },
       undoable: true,
       run: (_ctx, params) => {
-        const released = controller.releaseBlend({ ids: _optionalChain([params, 'optionalAccess', _375 => _375.ids]) });
+        const released = controller.releaseBlend({ ids: _optionalChain([params, 'optionalAccess', _396 => _396.ids]) });
         if (!released.length) fail("Select a blend to release.");
         return { ids: released };
       }
@@ -8587,7 +9309,7 @@ function createVectorCommands(controller, options = {}) {
       params: { type: "object", properties: { ids: IDS } },
       undoable: true,
       run: (_ctx, params) => {
-        const r = controller.replaceBlendSpine({ ids: _optionalChain([params, 'optionalAccess', _376 => _376.ids]) });
+        const r = controller.replaceBlendSpine({ ids: _optionalChain([params, 'optionalAccess', _397 => _397.ids]) });
         if (!r.ok) fail(r.message);
         return { ok: true };
       }
@@ -8598,10 +9320,10 @@ function createVectorCommands(controller, options = {}) {
       label: "Pathfinder\u2026",
       keywords: ["divide", "trim", "merge", "crop", "outline", "minus back", "split", "faces"],
       description: "Pathfinder over the given paths (bottom to top): divide (every face its own shape, painted like the top-most shape over it; open unfilled paths cut), trim (hidden parts removed), merge (trim, then touching parts of one fill joined), crop (the top shape crops the others), outline (outlines cut into open strokes where they meet) or minusBack (the top shape minus everything below). Results replace the paths, grouped when there are several.",
-      params: { type: "object", properties: { operation: { type: "string", enum: [..._chunkJF5PXN7Wcjs.VECTOR_PATHFINDER_OPERATIONS] }, ids: IDS }, required: ["operation"] },
+      params: { type: "object", properties: { operation: { type: "string", enum: [..._chunkKANRAHTLcjs.VECTOR_PATHFINDER_OPERATIONS] }, ids: IDS }, required: ["operation"] },
       undoable: true,
       run: (_ctx, params) => {
-        if (!_chunkJF5PXN7Wcjs.VECTOR_PATHFINDER_OPERATIONS.includes(params.operation)) fail(`Unknown Pathfinder operation "${params.operation}".`);
+        if (!_chunkKANRAHTLcjs.VECTOR_PATHFINDER_OPERATIONS.includes(params.operation)) fail(`Unknown Pathfinder operation "${params.operation}".`);
         const created = controller.pathfinder(params.operation, { ids: ids(params) });
         if (!created.length) fail("Nothing came out: select paths that overlap (two or more, except for divide and outline).");
         return { ids: created, selection: [...controller.getState().selection] };
@@ -8701,7 +9423,7 @@ function createVectorCommands(controller, options = {}) {
       enabled: enabledFor,
       undoable: true,
       run: (_ctx, params) => {
-        const id = controller.group({ ids: ids(params), name: _optionalChain([params, 'optionalAccess', _377 => _377.name]) });
+        const id = controller.group({ ids: ids(params), name: _optionalChain([params, 'optionalAccess', _398 => _398.name]) });
         if (!id) fail("Only nodes that share a parent can be grouped.");
         return { id };
       }
@@ -8729,7 +9451,7 @@ function createVectorCommands(controller, options = {}) {
       params: { type: "object", properties: { anchors: ANCHORS, keepShape: { type: "boolean" } } },
       undoable: true,
       run: (_ctx, params) => {
-        check(controller.deleteAnchors(anchorsOf(_optionalChain([params, 'optionalAccess', _378 => _378.anchors])), { keepShape: _optionalChain([params, 'optionalAccess', _379 => _379.keepShape]) }));
+        check(controller.deleteAnchors(anchorsOf(_optionalChain([params, 'optionalAccess', _399 => _399.anchors])), { keepShape: _optionalChain([params, 'optionalAccess', _400 => _400.keepShape]) }));
         return { ok: true };
       }
     },
@@ -8784,7 +9506,7 @@ function createVectorCommands(controller, options = {}) {
       params: { type: "object", properties: { ids: IDS, tolerance: { type: "number", minimum: 0 } } },
       undoable: true,
       run: (_ctx, params) => {
-        check(controller.joinPaths({ ids: _optionalChain([params, 'optionalAccess', _380 => _380.ids]) ? ids(params) : void 0, tolerance: _optionalChain([params, 'optionalAccess', _381 => _381.tolerance]) }));
+        check(controller.joinPaths({ ids: _optionalChain([params, 'optionalAccess', _401 => _401.ids]) ? ids(params) : void 0, tolerance: _optionalChain([params, 'optionalAccess', _402 => _402.tolerance]) }));
         return { selection: controller.getState().selection };
       }
     },
@@ -8798,7 +9520,7 @@ function createVectorCommands(controller, options = {}) {
       params: { type: "object", properties: { axis: { type: "string", enum: ["horizontal", "vertical", "both"] }, anchors: ANCHORS } },
       undoable: true,
       run: (_ctx, params) => {
-        check(controller.averageAnchors(_nullishCoalesce(_optionalChain([params, 'optionalAccess', _382 => _382.axis]), () => ( "both")), anchorsOf(_optionalChain([params, 'optionalAccess', _383 => _383.anchors]))));
+        check(controller.averageAnchors(_nullishCoalesce(_optionalChain([params, 'optionalAccess', _403 => _403.axis]), () => ( "both")), anchorsOf(_optionalChain([params, 'optionalAccess', _404 => _404.anchors]))));
         return { ok: true };
       }
     },
@@ -8812,7 +9534,7 @@ function createVectorCommands(controller, options = {}) {
       enabled: enabledFor,
       undoable: true,
       run: (_ctx, params) => {
-        check(controller.removeRedundantPoints({ ids: _optionalChain([params, 'optionalAccess', _384 => _384.ids]) ? ids(params) : void 0, tolerance: _optionalChain([params, 'optionalAccess', _385 => _385.tolerance]) }));
+        check(controller.removeRedundantPoints({ ids: _optionalChain([params, 'optionalAccess', _405 => _405.ids]) ? ids(params) : void 0, tolerance: _optionalChain([params, 'optionalAccess', _406 => _406.tolerance]) }));
         return { ok: true };
       }
     },
@@ -8825,7 +9547,7 @@ function createVectorCommands(controller, options = {}) {
       params: { type: "object", properties: { ids: IDS, amount: { type: "number", minimum: 0, maximum: 1 }, anchors: ANCHORS } },
       undoable: true,
       run: (_ctx, params) => {
-        check(controller.smoothPaths({ ids: _optionalChain([params, 'optionalAccess', _386 => _386.ids]) ? ids(params) : void 0, amount: _optionalChain([params, 'optionalAccess', _387 => _387.amount]), refs: _optionalChain([params, 'optionalAccess', _388 => _388.anchors]) }));
+        check(controller.smoothPaths({ ids: _optionalChain([params, 'optionalAccess', _407 => _407.ids]) ? ids(params) : void 0, amount: _optionalChain([params, 'optionalAccess', _408 => _408.amount]), refs: _optionalChain([params, 'optionalAccess', _409 => _409.anchors]) }));
         return { ok: true };
       }
     },
@@ -8838,14 +9560,14 @@ function createVectorCommands(controller, options = {}) {
       params: { type: "object", properties: { nodeId: { type: "string" }, x: { type: "number" }, y: { type: "number" }, anchors: ANCHORS } },
       undoable: true,
       run: (_ctx, params) => {
-        if (_optionalChain([params, 'optionalAccess', _389 => _389.nodeId]) !== void 0) {
+        if (_optionalChain([params, 'optionalAccess', _410 => _410.nodeId]) !== void 0) {
           if (!controller.getNode(params.nodeId)) fail(`There is no node "${params.nodeId}".`);
           if (params.x === void 0 || params.y === void 0) fail("Pass x and y with nodeId.");
           const created = controller.cutPathAt(params.nodeId, { x: params.x, y: params.y });
           if (!created) fail("Nothing to cut there (the end of an open path, or a locked path).");
           return { ids: created };
         }
-        check(controller.cutAtAnchors(anchorsOf(_optionalChain([params, 'optionalAccess', _390 => _390.anchors]))));
+        check(controller.cutAtAnchors(anchorsOf(_optionalChain([params, 'optionalAccess', _411 => _411.anchors]))));
         return { ids: controller.getState().selection };
       }
     },
@@ -8896,7 +9618,7 @@ function createVectorCommands(controller, options = {}) {
       },
       run: (_ctx, params) => {
         const patch = {};
-        for (const key of ["keepShapeOnDelete", "curvatureMoves", "pencilSmoothing", "recognizeShapes", "eraserSize", "pencilPressure"]) if (_optionalChain([params, 'optionalAccess', _391 => _391[key]]) !== void 0) patch[key] = params[key];
+        for (const key of ["keepShapeOnDelete", "curvatureMoves", "pencilSmoothing", "recognizeShapes", "eraserSize", "pencilPressure"]) if (_optionalChain([params, 'optionalAccess', _412 => _412[key]]) !== void 0) patch[key] = params[key];
         controller.setEditing(patch);
         return { editing: controller.getState().editing };
       }
@@ -8907,7 +9629,7 @@ function createVectorCommands(controller, options = {}) {
       label: "Choose Tool\u2026",
       keywords: ["pen", "pencil", "select", "rectangle", "ellipse"],
       description: "Switches the canvas tool.",
-      params: { type: "object", properties: { tool: { type: "string", enum: [..._chunkJF5PXN7Wcjs.VECTOR_TOOLS] } }, required: ["tool"] },
+      params: { type: "object", properties: { tool: { type: "string", enum: [..._chunkKANRAHTLcjs.VECTOR_TOOLS] } }, required: ["tool"] },
       run: (_ctx, params) => {
         controller.setTool(params.tool);
         return { tool: params.tool };
@@ -8921,7 +9643,7 @@ function createVectorCommands(controller, options = {}) {
       keywords: ["download", "save", "markup"],
       description: "Returns the document as SVG markup.",
       params: { type: "object", properties: { precision: { type: "integer", minimum: 0, maximum: 8 } } },
-      run: (_ctx, params) => ({ svg: controller.toSvg({ precision: _optionalChain([params, 'optionalAccess', _392 => _392.precision]) }) })
+      run: (_ctx, params) => ({ svg: controller.toSvg({ precision: _optionalChain([params, 'optionalAccess', _413 => _413.precision]) }) })
     },
     {
       ...base,
@@ -9329,5 +10051,51 @@ function createVectorCommands(controller, options = {}) {
 
 
 
-exports.DEFAULT_VECTOR_BLEND_DISTANCE = DEFAULT_VECTOR_BLEND_DISTANCE; exports.DEFAULT_VECTOR_BLEND_STEPS = DEFAULT_VECTOR_BLEND_STEPS; exports.DEFAULT_VECTOR_PATH_EDIT = DEFAULT_VECTOR_PATH_EDIT; exports.DEFAULT_VECTOR_SNAP = DEFAULT_VECTOR_SNAP; exports.IDENTITY_MATRIX = _chunkDWGZUSEScjs.IDENTITY_MATRIX; exports.KAPPA = _chunkJF5PXN7Wcjs.KAPPA; exports.LazyMouse = LazyMouse; exports.VECTOR_ARROWHEADS = _chunkJF5PXN7Wcjs.VECTOR_ARROWHEADS; exports.VECTOR_ARROWHEAD_LABELS = VECTOR_ARROWHEAD_LABELS; exports.VECTOR_BLEND_MAX_SMOOTH_STEPS = VECTOR_BLEND_MAX_SMOOTH_STEPS; exports.VECTOR_BLEND_MAX_STEPS = VECTOR_BLEND_MAX_STEPS; exports.VECTOR_BLEND_SPACINGS = _chunkJF5PXN7Wcjs.VECTOR_BLEND_SPACINGS; exports.VECTOR_BLEND_SPACING_LABELS = VECTOR_BLEND_SPACING_LABELS; exports.VECTOR_BUILDER_HATCH_GAP = VECTOR_BUILDER_HATCH_GAP; exports.VECTOR_CLIPBOARD_TYPE = VECTOR_CLIPBOARD_TYPE; exports.VECTOR_CONSTRUCTION_ANGLES = VECTOR_CONSTRUCTION_ANGLES; exports.VECTOR_CORNER_KINDS = _chunkJF5PXN7Wcjs.VECTOR_CORNER_KINDS; exports.VECTOR_CORNER_KIND_LABELS = VECTOR_CORNER_KIND_LABELS; exports.VECTOR_CORNER_WIDGET_INSET = VECTOR_CORNER_WIDGET_INSET; exports.VECTOR_DISTORT_TOLERANCE = VECTOR_DISTORT_TOLERANCE; exports.VECTOR_EDIT_TOGGLES = VECTOR_EDIT_TOGGLES; exports.VECTOR_EFFECT_DEFAULTS = _chunkJF5PXN7Wcjs.VECTOR_EFFECT_DEFAULTS; exports.VECTOR_EFFECT_LABELS = _chunkJF5PXN7Wcjs.VECTOR_EFFECT_LABELS; exports.VECTOR_EFFECT_MENU = VECTOR_EFFECT_MENU; exports.VECTOR_EFFECT_PARAM_SPECS = _chunkJF5PXN7Wcjs.VECTOR_EFFECT_PARAM_SPECS; exports.VECTOR_EFFECT_TYPES = _chunkJF5PXN7Wcjs.VECTOR_EFFECT_TYPES; exports.VECTOR_ENVELOPE_STYLE_OPTIONS = VECTOR_ENVELOPE_STYLE_OPTIONS; exports.VECTOR_FILL_GAP = VECTOR_FILL_GAP; exports.VECTOR_GRADIENT_INTERPOLATIONS = _chunkJF5PXN7Wcjs.VECTOR_GRADIENT_INTERPOLATIONS; exports.VECTOR_GRADIENT_INTERPOLATION_LABELS = VECTOR_GRADIENT_INTERPOLATION_LABELS; exports.VECTOR_GRADIENT_MAX_PERIODS = _chunkJF5PXN7Wcjs.VECTOR_GRADIENT_MAX_PERIODS; exports.VECTOR_GRADIENT_MIDPOINT_GAP = VECTOR_GRADIENT_MIDPOINT_GAP; exports.VECTOR_GRADIENT_MIN_STOPS = _chunkJF5PXN7Wcjs.VECTOR_GRADIENT_MIN_STOPS; exports.VECTOR_GRADIENT_OFF_BAR = VECTOR_GRADIENT_OFF_BAR; exports.VECTOR_GRADIENT_SPREADS = _chunkJF5PXN7Wcjs.VECTOR_GRADIENT_SPREADS; exports.VECTOR_GRADIENT_SPREAD_LABELS = VECTOR_GRADIENT_SPREAD_LABELS; exports.VECTOR_GRADIENT_STOP_GAP = VECTOR_GRADIENT_STOP_GAP; exports.VECTOR_GRADIENT_TYPES = _chunkJF5PXN7Wcjs.VECTOR_GRADIENT_TYPES; exports.VECTOR_GRADIENT_TYPE_LABELS = VECTOR_GRADIENT_TYPE_LABELS; exports.VECTOR_INK_MAX_CORNERS = VECTOR_INK_MAX_CORNERS; exports.VECTOR_MERGE_MODES = _chunkJF5PXN7Wcjs.VECTOR_MERGE_MODES; exports.VECTOR_OVERLAY_THEME = VECTOR_OVERLAY_THEME; exports.VECTOR_PATHFINDER_ACTIONS = VECTOR_PATHFINDER_ACTIONS; exports.VECTOR_PATHFINDER_LABELS = VECTOR_PATHFINDER_LABELS; exports.VECTOR_PATHFINDER_OPERATIONS = _chunkJF5PXN7Wcjs.VECTOR_PATHFINDER_OPERATIONS; exports.VECTOR_PATH_ACTIONS = VECTOR_PATH_ACTIONS; exports.VECTOR_PENCIL_STRING_PX = VECTOR_PENCIL_STRING_PX; exports.VECTOR_PRESSURE_NOMINAL = _chunkJF5PXN7Wcjs.VECTOR_PRESSURE_NOMINAL; exports.VECTOR_ROTATE_HANDLE_OFFSET = VECTOR_ROTATE_HANDLE_OFFSET; exports.VECTOR_STROKE_ALIGN_LABELS = VECTOR_STROKE_ALIGN_LABELS; exports.VECTOR_STROKE_GRADIENT_MODES = _chunkJF5PXN7Wcjs.VECTOR_STROKE_GRADIENT_MODES; exports.VECTOR_STROKE_GRADIENT_MODE_LABELS = VECTOR_STROKE_GRADIENT_MODE_LABELS; exports.VECTOR_STYLE_KEYS = VECTOR_STYLE_KEYS; exports.VECTOR_TOOLS = _chunkJF5PXN7Wcjs.VECTOR_TOOLS; exports.VECTOR_TOOL_GLYPHS = VECTOR_TOOL_GLYPHS; exports.VECTOR_TOOL_SHORTCUTS = VECTOR_TOOL_SHORTCUTS; exports.VECTOR_TRANSFORM_HANDLES = _chunkJF5PXN7Wcjs.VECTOR_TRANSFORM_HANDLES; exports.VECTOR_WARP_STYLES = _chunkDWGZUSEScjs.WARP_STYLES; exports.VECTOR_WARP_STYLE_LABELS = _chunkDWGZUSEScjs.WARP_STYLE_LABELS; exports.VECTOR_WIDTH_PRESETS = _chunkJF5PXN7Wcjs.VECTOR_WIDTH_PRESETS; exports.VECTOR_WIDTH_PRESET_IDS = _chunkJF5PXN7Wcjs.VECTOR_WIDTH_PRESET_IDS; exports.VECTOR_WIDTH_PROFILE_MAX_POINTS = _chunkJF5PXN7Wcjs.VECTOR_WIDTH_PROFILE_MAX_POINTS; exports.VECTOR_WIDTH_PROFILE_MAX_SCALE = _chunkJF5PXN7Wcjs.VECTOR_WIDTH_PROFILE_MAX_SCALE; exports.VECTOR_WIDTH_SAME_T = _chunkJF5PXN7Wcjs.VECTOR_WIDTH_SAME_T; exports.VectorEditorController = VectorEditorController; exports.VectorSnapTargets = VectorSnapTargets; exports.activeVectorEffects = _chunkJF5PXN7Wcjs.activeVectorEffects; exports.addBuilderHit = addBuilderHit; exports.applyMatrix = _chunkDWGZUSEScjs.applyMatrix; exports.applyMatrixLinear = _chunkDWGZUSEScjs.applyMatrixLinear; exports.applyVectorBlendOptions = applyVectorBlendOptions; exports.applyVectorCornersAttribute = _chunkJF5PXN7Wcjs.applyVectorCornersAttribute; exports.applyVectorEffects = _chunkJF5PXN7Wcjs.applyVectorEffects; exports.applyVectorGradientPatch = _chunkJF5PXN7Wcjs.applyVectorGradientPatch; exports.applyVectorGradientSpread = _chunkJF5PXN7Wcjs.applyVectorGradientSpread; exports.applyVectorHomography = _chunkMUUXNRU4cjs.applyHomography; exports.arrowheadInset = _chunkJF5PXN7Wcjs.arrowheadInset; exports.arrowheadPath = _chunkJF5PXN7Wcjs.arrowheadPath; exports.arrowheadWeight = _chunkJF5PXN7Wcjs.arrowheadWeight; exports.bendSegment = bendSegment; exports.bezierToSubpaths = _chunkJF5PXN7Wcjs.bezierToSubpaths; exports.boundsFromPoints = _chunkJF5PXN7Wcjs.boundsFromPoints; exports.boundsIntersect = _chunkJF5PXN7Wcjs.boundsIntersect; exports.clearVectorLiveBooleanCache = _chunkJF5PXN7Wcjs.clearVectorLiveBooleanCache; exports.cloneAnchor = _chunkJF5PXN7Wcjs.cloneAnchor; exports.cloneSubpath = _chunkJF5PXN7Wcjs.cloneSubpath; exports.cloneVectorDocument = _chunkJF5PXN7Wcjs.cloneVectorDocument; exports.cloneVectorNode = _chunkJF5PXN7Wcjs.cloneVectorNode; exports.collectPathNodes = _chunkJF5PXN7Wcjs.collectPathNodes; exports.constrainToLeave = constrainToLeave; exports.convertAnchor = _chunkJF5PXN7Wcjs.convertAnchor; exports.convertVectorGradient = _chunkJF5PXN7Wcjs.convertVectorGradient; exports.cornerBisectorPoint = _chunkJF5PXN7Wcjs.cornerBisectorPoint; exports.cornerRadiusChange = _chunkJF5PXN7Wcjs.cornerRadiusChange; exports.cornerSetback = _chunkJF5PXN7Wcjs.cornerSetback; exports.correspondMorphContours = _chunkJF5PXN7Wcjs.correspondMorphContours; exports.createVectorCommands = createVectorCommands; exports.createVectorEffect = _chunkJF5PXN7Wcjs.createVectorEffect; exports.createVectorMorph = _chunkJF5PXN7Wcjs.createVectorMorph; exports.curvatureMoveAnchor = curvatureMoveAnchor; exports.cutSubpathAt = cutSubpathAt; exports.dashIntervals = _chunkJF5PXN7Wcjs.dashIntervals; exports.decomposeRigid = _chunkDWGZUSEScjs.decomposeRigid; exports.defaultVectorGradient = _chunkJF5PXN7Wcjs.defaultVectorGradient; exports.distortVectorNode = distortVectorNode; exports.dragVectorMeshPoint = _chunkDWGZUSEScjs.dragWarpMeshPoint; exports.effectPathLength = _chunkJF5PXN7Wcjs.effectPathLength; exports.effectPathVertexCount = _chunkJF5PXN7Wcjs.effectPathVertexCount; exports.effectiveStrokeAlign = _chunkJF5PXN7Wcjs.effectiveStrokeAlign; exports.ellipseSubpath = _chunkJF5PXN7Wcjs.ellipseSubpath; exports.eraseFromFill = eraseFromFill; exports.eraseFromOutline = eraseFromOutline; exports.eraserRegion = eraserRegion; exports.evalVectorMesh = _chunkDWGZUSEScjs.evalWarpMesh; exports.evaluateVectorPathKeyframes = _chunkJF5PXN7Wcjs.evaluateVectorPathKeyframes; exports.expandVectorAppearance = _chunkJF5PXN7Wcjs.expandVectorAppearance; exports.expandVectorAppearances = _chunkJF5PXN7Wcjs.expandVectorAppearances; exports.expandVectorBlend = expandVectorBlend; exports.expandVectorCorners = _chunkJF5PXN7Wcjs.expandVectorCorners; exports.expandVectorCornersOf = _chunkJF5PXN7Wcjs.expandVectorCornersOf; exports.expandVectorGradientSpread = _chunkJF5PXN7Wcjs.expandVectorGradientSpread; exports.expandVectorGradientStops = _chunkJF5PXN7Wcjs.expandVectorGradientStops; exports.explicitVectorGradient = _chunkJF5PXN7Wcjs.explicitVectorGradient; exports.findVectorNode = _chunkJF5PXN7Wcjs.findVectorNode; exports.fitCornerRadius = _chunkJF5PXN7Wcjs.fitCornerRadius; exports.fitVectorMesh = _chunkDWGZUSEScjs.fitWarpMesh; exports.foldVectorBooleanOperands = _chunkJF5PXN7Wcjs.foldVectorBooleanOperands; exports.generateVectorBlendChildren = generateVectorBlendChildren; exports.generateWidthProfile = _chunkJF5PXN7Wcjs.generateWidthProfile; exports.getAnchor = getAnchor; exports.getAnchorWorld = getAnchorWorld; exports.getEditablePathIds = getEditablePathIds; exports.getTransformHandlePositions = getTransformHandlePositions; exports.getVectorBlendControls = getVectorBlendControls; exports.getVectorCornerWidgets = getVectorCornerWidgets; exports.getVectorEffectsPanel = getVectorEffectsPanel; exports.getVectorEnteredGroups = getVectorEnteredGroups; exports.getVectorEnvelopePanel = getVectorEnvelopePanel; exports.getVectorEnvelopeTarget = getVectorEnvelopeTarget; exports.getVectorGradientAnnotator = getVectorGradientAnnotator; exports.getVectorGradientEditor = getVectorGradientEditor; exports.getVectorOverlayRenderData = getVectorOverlayRenderData; exports.getVectorSceneRenderData = getVectorSceneRenderData; exports.getVectorSelectionBoxGeometry = getVectorSelectionBoxGeometry; exports.getVectorSelectionFrame = getVectorSelectionFrame; exports.getVectorSelectionStyle = getVectorSelectionStyle; exports.getVectorWidthHandles = getVectorWidthHandles; exports.getVisibleAnchors = getVisibleAnchors; exports.getVisibleHandles = getVisibleHandles; exports.gradientMidpointRemap = _chunkJF5PXN7Wcjs.gradientMidpointRemap; exports.hasExplicitGradientGeometry = _chunkJF5PXN7Wcjs.hasExplicitGradientGeometry; exports.hasOwnVectorAppearance = _chunkJF5PXN7Wcjs.hasOwnVectorAppearance; exports.hasPaint = _chunkJF5PXN7Wcjs.hasPaint; exports.hasStrokeExtras = _chunkJF5PXN7Wcjs.hasStrokeExtras; exports.hasVectorAppearance = _chunkJF5PXN7Wcjs.hasVectorAppearance; exports.hasVectorCorners = _chunkJF5PXN7Wcjs.hasVectorCorners; exports.hitTestVectorNode = _chunkJF5PXN7Wcjs.hitTestVectorNode; exports.hitTestVectorNodes = _chunkJF5PXN7Wcjs.hitTestVectorNodes; exports.hitTestVectorStroke = _chunkJF5PXN7Wcjs.hitTestVectorStroke; exports.hitVectorGradientAnnotator = hitVectorGradientAnnotator; exports.inferAnchorType = _chunkJF5PXN7Wcjs.inferAnchorType; exports.insertAnchor = _chunkJF5PXN7Wcjs.insertAnchor; exports.insertVectorGradientStop = _chunkJF5PXN7Wcjs.insertVectorGradientStop; exports.insertWidthPoint = _chunkJF5PXN7Wcjs.insertWidthPoint; exports.interpolateMorphContours = _chunkJF5PXN7Wcjs.interpolateMorphContours; exports.interpolateRigidMatrix = _chunkJF5PXN7Wcjs.interpolateRigidMatrix; exports.interpolateVectorColor = _chunkJF5PXN7Wcjs.interpolateVectorColor; exports.interpolateVectorPaint = _chunkJF5PXN7Wcjs.interpolateVectorPaint; exports.interpolateVectorPaths = _chunkJF5PXN7Wcjs.interpolateVectorPaths; exports.interpolateVectorStyle = _chunkJF5PXN7Wcjs.interpolateVectorStyle; exports.interpolateWidthProfiles = _chunkJF5PXN7Wcjs.interpolateWidthProfiles; exports.invertMatrix = _chunkDWGZUSEScjs.invertMatrix; exports.isCentredVectorGradient = _chunkJF5PXN7Wcjs.isCentredVectorGradient; exports.isClosedBezierShape = _chunkJF5PXN7Wcjs.isClosedBezierShape; exports.isIdentityMatrix = _chunkDWGZUSEScjs.isIdentityMatrix; exports.isUniformWidthProfile = _chunkJF5PXN7Wcjs.isUniformWidthProfile; exports.isValidVectorMesh = _chunkDWGZUSEScjs.isValidWarpMesh; exports.isVectorBlendGroup = isVectorBlendGroup; exports.isVectorGradient = _chunkJF5PXN7Wcjs.isVectorGradient; exports.isVectorLiveBoolean = _chunkJF5PXN7Wcjs.isVectorLiveBoolean; exports.isVectorTextTarget = isVectorTextTarget; exports.joinSubpaths = joinSubpaths; exports.knifePath = knifePath; exports.lineSubpath = _chunkJF5PXN7Wcjs.lineSubpath; exports.locateVectorNode = _chunkJF5PXN7Wcjs.locateVectorNode; exports.mapBezierPath = _chunkJF5PXN7Wcjs.mapBezierPath; exports.mapVectorGradient = _chunkJF5PXN7Wcjs.mapVectorGradient; exports.mapVectorMeshPoints = _chunkDWGZUSEScjs.mapWarpMeshPoints; exports.mapVectorPaint = _chunkJF5PXN7Wcjs.mapVectorPaint; exports.mapVectorPoints = _chunkJF5PXN7Wcjs.mapVectorPoints; exports.mapVectorSubpaths = _chunkJF5PXN7Wcjs.mapVectorSubpaths; exports.matrixRotation = _chunkDWGZUSEScjs.matrixRotation; exports.mergePaths = _chunkJF5PXN7Wcjs.mergePaths; exports.mirrorWidthProfile = _chunkJF5PXN7Wcjs.mirrorWidthProfile; exports.morphContourToSubpath = _chunkJF5PXN7Wcjs.morphContourToSubpath; exports.morphPathsCross = _chunkJF5PXN7Wcjs.morphPathsCross; exports.moveAnchorHandle = _chunkJF5PXN7Wcjs.moveAnchorHandle; exports.moveVectorGradientHandle = _chunkJF5PXN7Wcjs.moveVectorGradientHandle; exports.moveVectorGradientStop = _chunkJF5PXN7Wcjs.moveVectorGradientStop; exports.multiplyMatrices = _chunkDWGZUSEScjs.multiplyMatrices; exports.nearestSegment = _chunkJF5PXN7Wcjs.nearestSegment; exports.nearestStrokePosition = _chunkJF5PXN7Wcjs.nearestStrokePosition; exports.nextVectorCornerKind = _chunkJF5PXN7Wcjs.nextVectorCornerKind; exports.nodeMatrix = _chunkJF5PXN7Wcjs.nodeMatrix; exports.normalizeVectorEffectParams = _chunkJF5PXN7Wcjs.normalizeVectorEffectParams; exports.offsetPaths = _chunkJF5PXN7Wcjs.offsetPaths; exports.orderVectorQuad = _chunkMUUXNRU4cjs.orderQuad; exports.parseSvgTransform = _chunkJF5PXN7Wcjs.parseSvgTransform; exports.parseVectorColor = _chunkJF5PXN7Wcjs.parseVectorColor; exports.parseVectorSvg = _chunkJF5PXN7Wcjs.parseVectorSvg; exports.pathsCenter = _chunkJF5PXN7Wcjs.pathsCenter; exports.patternAttrs = _chunkJF5PXN7Wcjs.patternAttrs; exports.periodicVectorGradientStops = _chunkJF5PXN7Wcjs.periodicVectorGradientStops; exports.pinVectorGradient = _chunkJF5PXN7Wcjs.pinVectorGradient; exports.planShapeBuilder = planShapeBuilder; exports.polygonSubpath = _chunkJF5PXN7Wcjs.polygonSubpath; exports.polylineBounds = polylineBounds; exports.pressureWidthProfile = _chunkJF5PXN7Wcjs.pressureWidthProfile; exports.puckerBloatPaths = _chunkJF5PXN7Wcjs.puckerBloatPaths; exports.pullVectorMesh = _chunkDWGZUSEScjs.pullWarpMesh; exports.recognizeInkShape = recognizeInkShape; exports.rectSubpath = _chunkJF5PXN7Wcjs.rectSubpath; exports.refineMorphContour = _chunkJF5PXN7Wcjs.refineMorphContour; exports.refreshVectorBlends = refreshVectorBlends; exports.releaseVectorBlend = releaseVectorBlend; exports.removeAnchorKeepingShape = removeAnchorKeepingShape; exports.removeAnchors = _chunkJF5PXN7Wcjs.removeAnchors; exports.removeAnchorsKeepingShape = removeAnchorsKeepingShape; exports.removeRedundantPoints = removeRedundantPoints; exports.removeVectorGradientStop = _chunkJF5PXN7Wcjs.removeVectorGradientStop; exports.removeVectorMeshSplitU = _chunkDWGZUSEScjs.removeWarpMeshSplitU; exports.removeVectorMeshSplitV = _chunkDWGZUSEScjs.removeWarpMeshSplitV; exports.removeWidthPoints = _chunkJF5PXN7Wcjs.removeWidthPoints; exports.repeatPaths = _chunkJF5PXN7Wcjs.repeatPaths; exports.resampleGradientStops = _chunkJF5PXN7Wcjs.resampleGradientStops; exports.resizeVectorMesh = _chunkDWGZUSEScjs.resizeWarpMesh; exports.resolveVectorBlendOptions = resolveVectorBlendOptions; exports.reverseMorphContour = _chunkJF5PXN7Wcjs.reverseMorphContour; exports.reverseSubpath = _chunkJF5PXN7Wcjs.reverseSubpath; exports.reverseVectorGradient = _chunkJF5PXN7Wcjs.reverseVectorGradient; exports.reverseWidthProfile = _chunkJF5PXN7Wcjs.reverseWidthProfile; exports.rotateMatrix = _chunkDWGZUSEScjs.rotateMatrix; exports.roundCornerPaths = _chunkJF5PXN7Wcjs.roundCornerPaths; exports.roundSubpaths = _chunkJF5PXN7Wcjs.roundSubpaths; exports.samplePlainStops = _chunkJF5PXN7Wcjs.samplePlainStops; exports.samplePolyline = samplePolyline; exports.sampleVectorGradient = _chunkJF5PXN7Wcjs.sampleVectorGradient; exports.sampleVectorGradientAt = _chunkJF5PXN7Wcjs.sampleVectorGradientAt; exports.sampleVectorPaintDefAt = _chunkJF5PXN7Wcjs.sampleVectorPaintDefAt; exports.sanitizeVectorEffects = _chunkJF5PXN7Wcjs.sanitizeVectorEffects; exports.sanitizeVectorGradient = _chunkJF5PXN7Wcjs.sanitizeVectorGradient; exports.sanitizeWidthProfile = _chunkJF5PXN7Wcjs.sanitizeWidthProfile; exports.scaleFor = scaleFor; exports.scaleMatrix = _chunkDWGZUSEScjs.scaleMatrix; exports.setAnchorCorner = _chunkJF5PXN7Wcjs.setAnchorCorner; exports.setSubpathCorners = _chunkJF5PXN7Wcjs.setSubpathCorners; exports.setVectorGradientVector = _chunkJF5PXN7Wcjs.setVectorGradientVector; exports.setWidthPoint = _chunkJF5PXN7Wcjs.setWidthPoint; exports.simplifyPolyline = simplifyPolyline; exports.smoothSubpath = smoothSubpath; exports.solve8 = _chunkMUUXNRU4cjs.solve8; exports.sortedVectorGradientStops = _chunkJF5PXN7Wcjs.sortedVectorGradientStops; exports.spanVectorGradientStops = _chunkJF5PXN7Wcjs.spanVectorGradientStops; exports.splitIntoFaces = splitIntoFaces; exports.splitSubpathAt = splitSubpathAt; exports.splitVectorMeshU = _chunkDWGZUSEScjs.splitWarpMeshU; exports.splitVectorMeshV = _chunkDWGZUSEScjs.splitWarpMeshV; exports.starSubpath = _chunkJF5PXN7Wcjs.starSubpath; exports.strokePositionPoint = _chunkJF5PXN7Wcjs.strokePositionPoint; exports.strokeWidthProfileOf = _chunkJF5PXN7Wcjs.strokeWidthProfileOf; exports.subpathEnclosesArea = subpathEnclosesArea; exports.subpathPointAt = subpathPointAt; exports.subpathSegment = _chunkJF5PXN7Wcjs.subpathSegment; exports.subpathSegmentCount = _chunkJF5PXN7Wcjs.subpathSegmentCount; exports.subpathToMorphContour = _chunkJF5PXN7Wcjs.subpathToMorphContour; exports.subpathsToBezier = _chunkJF5PXN7Wcjs.subpathsToBezier; exports.taperWaveFactor = _chunkJF5PXN7Wcjs.taperWaveFactor; exports.toVectorKeyInput = toVectorKeyInput; exports.toVectorModifiers = toVectorModifiers; exports.toVectorPointerInput = toVectorPointerInput; exports.transformVectorEffects = _chunkJF5PXN7Wcjs.transformVectorEffects; exports.transformVectorGradient = _chunkJF5PXN7Wcjs.transformVectorGradient; exports.transformVectorNode = _chunkJF5PXN7Wcjs.transformVectorNode; exports.transformVectorPaint = _chunkJF5PXN7Wcjs.transformVectorPaint; exports.translateAnchor = _chunkJF5PXN7Wcjs.translateAnchor; exports.translateMatrix = _chunkDWGZUSEScjs.translateMatrix; exports.trimIntervals = _chunkJF5PXN7Wcjs.trimIntervals; exports.trimPaths = _chunkJF5PXN7Wcjs.trimPaths; exports.trimPathsIndividually = _chunkJF5PXN7Wcjs.trimPathsIndividually; exports.turnMorphContour = _chunkJF5PXN7Wcjs.turnMorphContour; exports.twistPaths = _chunkJF5PXN7Wcjs.twistPaths; exports.unionBounds = _chunkJF5PXN7Wcjs.unionBounds; exports.variableStrokeOutline = _chunkJF5PXN7Wcjs.variableStrokeOutline; exports.variableStrokeRings = _chunkJF5PXN7Wcjs.variableStrokeRings; exports.vectorAppearanceNodes = _chunkJF5PXN7Wcjs.vectorAppearanceNodes; exports.vectorAppearanceOutline = _chunkJF5PXN7Wcjs.vectorAppearanceOutline; exports.vectorAppearanceShapes = _chunkJF5PXN7Wcjs.vectorAppearanceShapes; exports.vectorBlendColorDistance = vectorBlendColorDistance; exports.vectorBlendKeyTargets = vectorBlendKeyTargets; exports.vectorBlendKeys = vectorBlendKeys; exports.vectorBlendRail = vectorBlendRail; exports.vectorBlendRailAt = vectorBlendRailAt; exports.vectorBlendSpine = vectorBlendSpine; exports.vectorBlendStepCount = vectorBlendStepCount; exports.vectorBoxCorners = vectorBoxCorners; exports.vectorBoxMatrix = _chunkJF5PXN7Wcjs.vectorBoxMatrix; exports.vectorBuilderErasedEdges = vectorBuilderErasedEdges; exports.vectorCornerAt = _chunkJF5PXN7Wcjs.vectorCornerAt; exports.vectorCorners = _chunkJF5PXN7Wcjs.vectorCorners; exports.vectorCornersAttribute = _chunkJF5PXN7Wcjs.vectorCornersAttribute; exports.vectorDiamondPath = vectorDiamondPath; exports.vectorDistortQuad = vectorDistortQuad; exports.vectorDocumentToSvg = _chunkJF5PXN7Wcjs.vectorDocumentToSvg; exports.vectorEffectInputBounds = _chunkJF5PXN7Wcjs.vectorEffectInputBounds; exports.vectorEffectInputPaths = _chunkJF5PXN7Wcjs.vectorEffectInputPaths; exports.vectorEnteredGroups = _chunkJF5PXN7Wcjs.vectorEnteredGroups; exports.vectorEnvelopeFrame = _chunkJF5PXN7Wcjs.vectorEnvelopeFrame; exports.vectorEnvelopeMap = _chunkJF5PXN7Wcjs.vectorEnvelopeMap; exports.vectorEnvelopeMesh = _chunkJF5PXN7Wcjs.vectorEnvelopeMesh; exports.vectorFillMap = vectorFillMap; exports.vectorGradientArea = _chunkJF5PXN7Wcjs.vectorGradientArea; exports.vectorGradientAspect = _chunkJF5PXN7Wcjs.vectorGradientAspect; exports.vectorGradientBarPosition = vectorGradientBarPosition; exports.vectorGradientFocalParam = _chunkJF5PXN7Wcjs.vectorGradientFocalParam; exports.vectorGradientHandles = _chunkJF5PXN7Wcjs.vectorGradientHandles; exports.vectorGradientMatrix = _chunkJF5PXN7Wcjs.vectorGradientMatrix; exports.vectorGradientMidpointFromPosition = _chunkJF5PXN7Wcjs.vectorGradientMidpointFromPosition; exports.vectorGradientMidpointPosition = _chunkJF5PXN7Wcjs.vectorGradientMidpointPosition; exports.vectorGradientNeedsExpansion = _chunkJF5PXN7Wcjs.vectorGradientNeedsExpansion; exports.vectorGradientParam = _chunkJF5PXN7Wcjs.vectorGradientParam; exports.vectorGradientPoints = _chunkJF5PXN7Wcjs.vectorGradientPoints; exports.vectorGradientRamp = _chunkJF5PXN7Wcjs.vectorGradientRamp; exports.vectorGradientSvgDefs = _chunkJF5PXN7Wcjs.vectorGradientSvgDefs; exports.vectorGradientTAt = _chunkJF5PXN7Wcjs.vectorGradientTAt; exports.vectorGradientTargetPath = vectorGradientTargetPath; exports.vectorGradientUnitsMatrix = _chunkJF5PXN7Wcjs.vectorGradientUnitsMatrix; exports.vectorHomography = _chunkMUUXNRU4cjs.homographyFromPoints; exports.vectorHomographyKeepsQuad = _chunkMUUXNRU4cjs.homographyKeepsQuad; exports.vectorIdentityMesh = _chunkDWGZUSEScjs.identityWarpMesh; exports.vectorInkShapeName = vectorInkShapeName; exports.vectorLiveBooleanSteps = _chunkJF5PXN7Wcjs.vectorLiveBooleanSteps; exports.vectorMeshColumns = _chunkDWGZUSEScjs.warpMeshColumns; exports.vectorMeshControlBounds = _chunkDWGZUSEScjs.warpMeshControlBounds; exports.vectorMeshEditPoints = _chunkDWGZUSEScjs.warpMeshEditPoints; exports.vectorMeshFromOutline = _chunkJF5PXN7Wcjs.vectorMeshFromOutline; exports.vectorMeshGridCurves = _chunkDWGZUSEScjs.warpMeshGridCurves; exports.vectorMeshOutline = _chunkJF5PXN7Wcjs.vectorMeshOutline; exports.vectorMeshParamAt = _chunkDWGZUSEScjs.warpMeshParamAt; exports.vectorMeshRows = _chunkDWGZUSEScjs.warpMeshRows; exports.vectorNodeBounds = _chunkJF5PXN7Wcjs.vectorNodeBounds; exports.vectorNodeEnvelope = _chunkJF5PXN7Wcjs.vectorNodeEnvelope; exports.vectorNodeRotation = _chunkJF5PXN7Wcjs.vectorNodeRotation; exports.vectorNodeToBezier = _chunkJF5PXN7Wcjs.vectorNodeToBezier; exports.vectorOperandOperation = _chunkJF5PXN7Wcjs.vectorOperandOperation; exports.vectorPaintToHex = vectorPaintToHex; exports.vectorPaintToSvg = _chunkJF5PXN7Wcjs.vectorPaintToSvg; exports.vectorParentMatrix = _chunkJF5PXN7Wcjs.vectorParentMatrix; exports.vectorPathData = _chunkJF5PXN7Wcjs.vectorPathData; exports.vectorPathEntries = vectorPathEntries; exports.vectorPathLocalBounds = _chunkJF5PXN7Wcjs.vectorPathLocalBounds; exports.vectorPathWorldBezier = _chunkJF5PXN7Wcjs.vectorPathWorldBezier; exports.vectorPathfinderShape = vectorPathfinderShape; exports.vectorRepeaterCopies = _chunkJF5PXN7Wcjs.vectorRepeaterCopies; exports.vectorResizeCursor = vectorResizeCursor; exports.vectorResultStyle = vectorResultStyle; exports.vectorShapeBuilderHit = vectorShapeBuilderHit; exports.vectorShapeBuilderMap = vectorShapeBuilderMap; exports.vectorShearForSide = vectorShearForSide; exports.vectorSkewMatrix = vectorSkewMatrix; exports.vectorStrokeGradientDefs = _chunkJF5PXN7Wcjs.vectorStrokeGradientDefs; exports.vectorStrokeLineArea = _chunkJF5PXN7Wcjs.vectorStrokeLineArea; exports.vectorStrokeOutline = _chunkJF5PXN7Wcjs.vectorStrokeOutline; exports.vectorStrokeOutlinePath = _chunkJF5PXN7Wcjs.vectorStrokeOutlinePath; exports.vectorStrokeParts = _chunkJF5PXN7Wcjs.vectorStrokeParts; exports.vectorStrokeReach = _chunkJF5PXN7Wcjs.vectorStrokeReach; exports.vectorStrokeSvgParts = _chunkJF5PXN7Wcjs.vectorStrokeSvgParts; exports.vectorStrokeWidthGeometry = vectorStrokeWidthGeometry; exports.vectorToolLabel = vectorToolLabel; exports.vectorWarpPresetGrid = _chunkDWGZUSEScjs.warpPresetGrid; exports.vectorWarpPresetMesh = _chunkDWGZUSEScjs.warpPresetMesh; exports.vectorWorldMatrix = _chunkJF5PXN7Wcjs.vectorWorldMatrix; exports.walkVectorNodes = _chunkJF5PXN7Wcjs.walkVectorNodes; exports.widthProfileAt = _chunkJF5PXN7Wcjs.widthProfileAt; exports.widthProfileFromAttribute = _chunkJF5PXN7Wcjs.widthProfileFromAttribute; exports.widthProfileMaxScale = _chunkJF5PXN7Wcjs.widthProfileMaxScale; exports.widthProfilePreset = _chunkJF5PXN7Wcjs.widthProfilePreset; exports.widthProfilePresetId = _chunkJF5PXN7Wcjs.widthProfilePresetId; exports.widthProfileToAttribute = _chunkJF5PXN7Wcjs.widthProfileToAttribute; exports.wigglePaths = _chunkJF5PXN7Wcjs.wigglePaths; exports.zigzagPaths = _chunkJF5PXN7Wcjs.zigzagPaths;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.DEFAULT_VECTOR_BLEND_DISTANCE = DEFAULT_VECTOR_BLEND_DISTANCE; exports.DEFAULT_VECTOR_BLEND_STEPS = DEFAULT_VECTOR_BLEND_STEPS; exports.DEFAULT_VECTOR_PATH_EDIT = DEFAULT_VECTOR_PATH_EDIT; exports.DEFAULT_VECTOR_SNAP = DEFAULT_VECTOR_SNAP; exports.IDENTITY_MATRIX = _chunkDWGZUSEScjs.IDENTITY_MATRIX; exports.KAPPA = _chunkKANRAHTLcjs.KAPPA; exports.LazyMouse = LazyMouse; exports.VECTOR_ARROWHEADS = _chunkKANRAHTLcjs.VECTOR_ARROWHEADS; exports.VECTOR_ARROWHEAD_LABELS = VECTOR_ARROWHEAD_LABELS; exports.VECTOR_BLEND_MAX_SMOOTH_STEPS = VECTOR_BLEND_MAX_SMOOTH_STEPS; exports.VECTOR_BLEND_MAX_STEPS = VECTOR_BLEND_MAX_STEPS; exports.VECTOR_BLEND_MODES = _chunkKANRAHTLcjs.VECTOR_BLEND_MODES; exports.VECTOR_BLEND_MODE_LABELS = _chunkKANRAHTLcjs.VECTOR_BLEND_MODE_LABELS; exports.VECTOR_BLEND_MODE_MENU = VECTOR_BLEND_MODE_MENU; exports.VECTOR_BLEND_SPACINGS = _chunkKANRAHTLcjs.VECTOR_BLEND_SPACINGS; exports.VECTOR_BLEND_SPACING_LABELS = VECTOR_BLEND_SPACING_LABELS; exports.VECTOR_BUILDER_HATCH_GAP = VECTOR_BUILDER_HATCH_GAP; exports.VECTOR_CLIPBOARD_TYPE = VECTOR_CLIPBOARD_TYPE; exports.VECTOR_CONSTRUCTION_ANGLES = VECTOR_CONSTRUCTION_ANGLES; exports.VECTOR_CORNER_KINDS = _chunkKANRAHTLcjs.VECTOR_CORNER_KINDS; exports.VECTOR_CORNER_KIND_LABELS = VECTOR_CORNER_KIND_LABELS; exports.VECTOR_CORNER_WIDGET_INSET = VECTOR_CORNER_WIDGET_INSET; exports.VECTOR_DISTORT_TOLERANCE = VECTOR_DISTORT_TOLERANCE; exports.VECTOR_EDIT_TOGGLES = VECTOR_EDIT_TOGGLES; exports.VECTOR_EFFECT_DEFAULTS = _chunkKANRAHTLcjs.VECTOR_EFFECT_DEFAULTS; exports.VECTOR_EFFECT_LABELS = _chunkKANRAHTLcjs.VECTOR_EFFECT_LABELS; exports.VECTOR_EFFECT_MENU = VECTOR_EFFECT_MENU; exports.VECTOR_EFFECT_PARAM_SPECS = _chunkKANRAHTLcjs.VECTOR_EFFECT_PARAM_SPECS; exports.VECTOR_EFFECT_TYPES = _chunkKANRAHTLcjs.VECTOR_EFFECT_TYPES; exports.VECTOR_ENVELOPE_STYLE_OPTIONS = VECTOR_ENVELOPE_STYLE_OPTIONS; exports.VECTOR_FILL_GAP = VECTOR_FILL_GAP; exports.VECTOR_FILTER_DEFAULTS = _chunkKANRAHTLcjs.VECTOR_FILTER_DEFAULTS; exports.VECTOR_FILTER_LABELS = _chunkKANRAHTLcjs.VECTOR_FILTER_LABELS; exports.VECTOR_FILTER_MENU = _chunkKANRAHTLcjs.VECTOR_FILTER_MENU; exports.VECTOR_FILTER_PARAM_SPECS = _chunkKANRAHTLcjs.VECTOR_FILTER_PARAM_SPECS; exports.VECTOR_FILTER_TYPES = _chunkKANRAHTLcjs.VECTOR_FILTER_TYPES; exports.VECTOR_GRADIENT_INTERPOLATIONS = _chunkKANRAHTLcjs.VECTOR_GRADIENT_INTERPOLATIONS; exports.VECTOR_GRADIENT_INTERPOLATION_LABELS = VECTOR_GRADIENT_INTERPOLATION_LABELS; exports.VECTOR_GRADIENT_MAX_PERIODS = _chunkKANRAHTLcjs.VECTOR_GRADIENT_MAX_PERIODS; exports.VECTOR_GRADIENT_MIDPOINT_GAP = VECTOR_GRADIENT_MIDPOINT_GAP; exports.VECTOR_GRADIENT_MIN_STOPS = _chunkKANRAHTLcjs.VECTOR_GRADIENT_MIN_STOPS; exports.VECTOR_GRADIENT_OFF_BAR = VECTOR_GRADIENT_OFF_BAR; exports.VECTOR_GRADIENT_SPREADS = _chunkKANRAHTLcjs.VECTOR_GRADIENT_SPREADS; exports.VECTOR_GRADIENT_SPREAD_LABELS = VECTOR_GRADIENT_SPREAD_LABELS; exports.VECTOR_GRADIENT_STOP_GAP = VECTOR_GRADIENT_STOP_GAP; exports.VECTOR_GRADIENT_TYPES = _chunkKANRAHTLcjs.VECTOR_GRADIENT_TYPES; exports.VECTOR_GRADIENT_TYPE_LABELS = VECTOR_GRADIENT_TYPE_LABELS; exports.VECTOR_INK_MAX_CORNERS = VECTOR_INK_MAX_CORNERS; exports.VECTOR_MERGE_MODES = _chunkKANRAHTLcjs.VECTOR_MERGE_MODES; exports.VECTOR_OVERLAY_THEME = VECTOR_OVERLAY_THEME; exports.VECTOR_PATHFINDER_ACTIONS = VECTOR_PATHFINDER_ACTIONS; exports.VECTOR_PATHFINDER_LABELS = VECTOR_PATHFINDER_LABELS; exports.VECTOR_PATHFINDER_OPERATIONS = _chunkKANRAHTLcjs.VECTOR_PATHFINDER_OPERATIONS; exports.VECTOR_PATH_ACTIONS = VECTOR_PATH_ACTIONS; exports.VECTOR_PENCIL_STRING_PX = VECTOR_PENCIL_STRING_PX; exports.VECTOR_PRESSURE_NOMINAL = _chunkKANRAHTLcjs.VECTOR_PRESSURE_NOMINAL; exports.VECTOR_ROTATE_HANDLE_OFFSET = VECTOR_ROTATE_HANDLE_OFFSET; exports.VECTOR_STROKE_ALIGN_LABELS = VECTOR_STROKE_ALIGN_LABELS; exports.VECTOR_STROKE_GRADIENT_MODES = _chunkKANRAHTLcjs.VECTOR_STROKE_GRADIENT_MODES; exports.VECTOR_STROKE_GRADIENT_MODE_LABELS = VECTOR_STROKE_GRADIENT_MODE_LABELS; exports.VECTOR_STROKE_SETTING_KEYS = _chunkKANRAHTLcjs.VECTOR_STROKE_SETTING_KEYS; exports.VECTOR_STYLE_KEYS = VECTOR_STYLE_KEYS; exports.VECTOR_TOOLS = _chunkKANRAHTLcjs.VECTOR_TOOLS; exports.VECTOR_TOOL_GLYPHS = VECTOR_TOOL_GLYPHS; exports.VECTOR_TOOL_SHORTCUTS = VECTOR_TOOL_SHORTCUTS; exports.VECTOR_TRANSFORM_HANDLES = _chunkKANRAHTLcjs.VECTOR_TRANSFORM_HANDLES; exports.VECTOR_WARP_STYLES = _chunkDWGZUSEScjs.WARP_STYLES; exports.VECTOR_WARP_STYLE_LABELS = _chunkDWGZUSEScjs.WARP_STYLE_LABELS; exports.VECTOR_WIDTH_PRESETS = _chunkKANRAHTLcjs.VECTOR_WIDTH_PRESETS; exports.VECTOR_WIDTH_PRESET_IDS = _chunkKANRAHTLcjs.VECTOR_WIDTH_PRESET_IDS; exports.VECTOR_WIDTH_PROFILE_MAX_POINTS = _chunkKANRAHTLcjs.VECTOR_WIDTH_PROFILE_MAX_POINTS; exports.VECTOR_WIDTH_PROFILE_MAX_SCALE = _chunkKANRAHTLcjs.VECTOR_WIDTH_PROFILE_MAX_SCALE; exports.VECTOR_WIDTH_SAME_T = _chunkKANRAHTLcjs.VECTOR_WIDTH_SAME_T; exports.VectorEditorController = VectorEditorController; exports.VectorSnapTargets = VectorSnapTargets; exports.activeVectorEffects = _chunkKANRAHTLcjs.activeVectorEffects; exports.activeVectorFilters = _chunkKANRAHTLcjs.activeVectorFilters; exports.addBuilderHit = addBuilderHit; exports.applyMatrix = _chunkDWGZUSEScjs.applyMatrix; exports.applyMatrixLinear = _chunkDWGZUSEScjs.applyMatrixLinear; exports.applyVectorBlendOptions = applyVectorBlendOptions; exports.applyVectorCornersAttribute = _chunkKANRAHTLcjs.applyVectorCornersAttribute; exports.applyVectorEffects = _chunkKANRAHTLcjs.applyVectorEffects; exports.applyVectorGradientPatch = _chunkKANRAHTLcjs.applyVectorGradientPatch; exports.applyVectorGradientSpread = _chunkKANRAHTLcjs.applyVectorGradientSpread; exports.applyVectorHomography = _chunkMUUXNRU4cjs.applyHomography; exports.arrowheadInset = _chunkKANRAHTLcjs.arrowheadInset; exports.arrowheadPath = _chunkKANRAHTLcjs.arrowheadPath; exports.arrowheadWeight = _chunkKANRAHTLcjs.arrowheadWeight; exports.bendSegment = bendSegment; exports.bezierToSubpaths = _chunkKANRAHTLcjs.bezierToSubpaths; exports.boundsFromPoints = _chunkKANRAHTLcjs.boundsFromPoints; exports.boundsIntersect = _chunkKANRAHTLcjs.boundsIntersect; exports.clearVectorLiveBooleanCache = _chunkKANRAHTLcjs.clearVectorLiveBooleanCache; exports.cloneAnchor = _chunkKANRAHTLcjs.cloneAnchor; exports.cloneSubpath = _chunkKANRAHTLcjs.cloneSubpath; exports.cloneVectorDocument = _chunkKANRAHTLcjs.cloneVectorDocument; exports.cloneVectorNode = _chunkKANRAHTLcjs.cloneVectorNode; exports.collectPathNodes = _chunkKANRAHTLcjs.collectPathNodes; exports.constrainToLeave = constrainToLeave; exports.convertAnchor = _chunkKANRAHTLcjs.convertAnchor; exports.convertVectorGradient = _chunkKANRAHTLcjs.convertVectorGradient; exports.cornerBisectorPoint = _chunkKANRAHTLcjs.cornerBisectorPoint; exports.cornerRadiusChange = _chunkKANRAHTLcjs.cornerRadiusChange; exports.cornerSetback = _chunkKANRAHTLcjs.cornerSetback; exports.correspondMorphContours = _chunkKANRAHTLcjs.correspondMorphContours; exports.createVectorCommands = createVectorCommands; exports.createVectorEffect = _chunkKANRAHTLcjs.createVectorEffect; exports.createVectorFilter = _chunkKANRAHTLcjs.createVectorFilter; exports.createVectorMorph = _chunkKANRAHTLcjs.createVectorMorph; exports.curvatureMoveAnchor = curvatureMoveAnchor; exports.cutSubpathAt = cutSubpathAt; exports.dashIntervals = _chunkKANRAHTLcjs.dashIntervals; exports.decomposeRigid = _chunkDWGZUSEScjs.decomposeRigid; exports.defaultVectorGradient = _chunkKANRAHTLcjs.defaultVectorGradient; exports.distortVectorNode = distortVectorNode; exports.dragVectorMeshPoint = _chunkDWGZUSEScjs.dragWarpMeshPoint; exports.effectPathLength = _chunkKANRAHTLcjs.effectPathLength; exports.effectPathVertexCount = _chunkKANRAHTLcjs.effectPathVertexCount; exports.effectiveStrokeAlign = _chunkKANRAHTLcjs.effectiveStrokeAlign; exports.ellipseSubpath = _chunkKANRAHTLcjs.ellipseSubpath; exports.eraseFromFill = eraseFromFill; exports.eraseFromOutline = eraseFromOutline; exports.eraserRegion = eraserRegion; exports.evalVectorMesh = _chunkDWGZUSEScjs.evalWarpMesh; exports.evaluateVectorPathKeyframes = _chunkKANRAHTLcjs.evaluateVectorPathKeyframes; exports.expandVectorAppearance = _chunkKANRAHTLcjs.expandVectorAppearance; exports.expandVectorAppearances = _chunkKANRAHTLcjs.expandVectorAppearances; exports.expandVectorBlend = expandVectorBlend; exports.expandVectorCorners = _chunkKANRAHTLcjs.expandVectorCorners; exports.expandVectorCornersOf = _chunkKANRAHTLcjs.expandVectorCornersOf; exports.expandVectorGradientSpread = _chunkKANRAHTLcjs.expandVectorGradientSpread; exports.expandVectorGradientStops = _chunkKANRAHTLcjs.expandVectorGradientStops; exports.explicitVectorGradient = _chunkKANRAHTLcjs.explicitVectorGradient; exports.findVectorNode = _chunkKANRAHTLcjs.findVectorNode; exports.fitCornerRadius = _chunkKANRAHTLcjs.fitCornerRadius; exports.fitVectorMesh = _chunkDWGZUSEScjs.fitWarpMesh; exports.foldVectorBooleanOperands = _chunkKANRAHTLcjs.foldVectorBooleanOperands; exports.generateVectorBlendChildren = generateVectorBlendChildren; exports.generateWidthProfile = _chunkKANRAHTLcjs.generateWidthProfile; exports.getAnchor = getAnchor; exports.getAnchorWorld = getAnchorWorld; exports.getEditablePathIds = getEditablePathIds; exports.getTransformHandlePositions = getTransformHandlePositions; exports.getVectorAppearancePanel = getVectorAppearancePanel; exports.getVectorBlendControls = getVectorBlendControls; exports.getVectorCornerWidgets = getVectorCornerWidgets; exports.getVectorEffectsPanel = getVectorEffectsPanel; exports.getVectorEnteredGroups = getVectorEnteredGroups; exports.getVectorEnvelopePanel = getVectorEnvelopePanel; exports.getVectorEnvelopeTarget = getVectorEnvelopeTarget; exports.getVectorGradientAnnotator = getVectorGradientAnnotator; exports.getVectorGradientEditor = getVectorGradientEditor; exports.getVectorOverlayRenderData = getVectorOverlayRenderData; exports.getVectorSceneRenderData = getVectorSceneRenderData; exports.getVectorSelectionBoxGeometry = getVectorSelectionBoxGeometry; exports.getVectorSelectionFrame = getVectorSelectionFrame; exports.getVectorSelectionStyle = getVectorSelectionStyle; exports.getVectorWidthHandles = getVectorWidthHandles; exports.getVisibleAnchors = getVisibleAnchors; exports.getVisibleHandles = getVisibleHandles; exports.gradientMidpointRemap = _chunkKANRAHTLcjs.gradientMidpointRemap; exports.hasExplicitGradientGeometry = _chunkKANRAHTLcjs.hasExplicitGradientGeometry; exports.hasOwnVectorAppearance = _chunkKANRAHTLcjs.hasOwnVectorAppearance; exports.hasPaint = _chunkKANRAHTLcjs.hasPaint; exports.hasStrokeExtras = _chunkKANRAHTLcjs.hasStrokeExtras; exports.hasVectorAppearance = _chunkKANRAHTLcjs.hasVectorAppearance; exports.hasVectorCorners = _chunkKANRAHTLcjs.hasVectorCorners; exports.hasVectorPaintStacks = _chunkKANRAHTLcjs.hasVectorPaintStacks; exports.hitTestVectorNode = _chunkKANRAHTLcjs.hitTestVectorNode; exports.hitTestVectorNodes = _chunkKANRAHTLcjs.hitTestVectorNodes; exports.hitTestVectorPaintLayer = _chunkKANRAHTLcjs.hitTestVectorPaintLayer; exports.hitTestVectorPaintStack = _chunkKANRAHTLcjs.hitTestVectorPaintStack; exports.hitTestVectorStroke = _chunkKANRAHTLcjs.hitTestVectorStroke; exports.hitVectorGradientAnnotator = hitVectorGradientAnnotator; exports.inferAnchorType = _chunkKANRAHTLcjs.inferAnchorType; exports.insertAnchor = _chunkKANRAHTLcjs.insertAnchor; exports.insertVectorGradientStop = _chunkKANRAHTLcjs.insertVectorGradientStop; exports.insertWidthPoint = _chunkKANRAHTLcjs.insertWidthPoint; exports.interpolateMorphContours = _chunkKANRAHTLcjs.interpolateMorphContours; exports.interpolateRigidMatrix = _chunkKANRAHTLcjs.interpolateRigidMatrix; exports.interpolateVectorColor = _chunkKANRAHTLcjs.interpolateVectorColor; exports.interpolateVectorPaint = _chunkKANRAHTLcjs.interpolateVectorPaint; exports.interpolateVectorPaths = _chunkKANRAHTLcjs.interpolateVectorPaths; exports.interpolateVectorStyle = _chunkKANRAHTLcjs.interpolateVectorStyle; exports.interpolateWidthProfiles = _chunkKANRAHTLcjs.interpolateWidthProfiles; exports.invertMatrix = _chunkDWGZUSEScjs.invertMatrix; exports.isCentredVectorGradient = _chunkKANRAHTLcjs.isCentredVectorGradient; exports.isClosedBezierShape = _chunkKANRAHTLcjs.isClosedBezierShape; exports.isDrawnVectorPaintLayer = _chunkKANRAHTLcjs.isDrawnVectorPaintLayer; exports.isIdentityMatrix = _chunkDWGZUSEScjs.isIdentityMatrix; exports.isPlainVectorPaintLayer = _chunkKANRAHTLcjs.isPlainVectorPaintLayer; exports.isUniformWidthProfile = _chunkKANRAHTLcjs.isUniformWidthProfile; exports.isValidVectorMesh = _chunkDWGZUSEScjs.isValidWarpMesh; exports.isVectorBlendGroup = isVectorBlendGroup; exports.isVectorBlendMode = _chunkKANRAHTLcjs.isVectorBlendMode; exports.isVectorFilterType = _chunkKANRAHTLcjs.isVectorFilterType; exports.isVectorGradient = _chunkKANRAHTLcjs.isVectorGradient; exports.isVectorLiveBoolean = _chunkKANRAHTLcjs.isVectorLiveBoolean; exports.isVectorTextTarget = isVectorTextTarget; exports.joinSubpaths = joinSubpaths; exports.knifePath = knifePath; exports.lineSubpath = _chunkKANRAHTLcjs.lineSubpath; exports.locateVectorNode = _chunkKANRAHTLcjs.locateVectorNode; exports.mapBezierPath = _chunkKANRAHTLcjs.mapBezierPath; exports.mapVectorGradient = _chunkKANRAHTLcjs.mapVectorGradient; exports.mapVectorMeshPoints = _chunkDWGZUSEScjs.mapWarpMeshPoints; exports.mapVectorPaint = _chunkKANRAHTLcjs.mapVectorPaint; exports.mapVectorPoints = _chunkKANRAHTLcjs.mapVectorPoints; exports.mapVectorSubpaths = _chunkKANRAHTLcjs.mapVectorSubpaths; exports.matrixRotation = _chunkDWGZUSEScjs.matrixRotation; exports.mergePaths = _chunkKANRAHTLcjs.mergePaths; exports.mirrorWidthProfile = _chunkKANRAHTLcjs.mirrorWidthProfile; exports.morphContourToSubpath = _chunkKANRAHTLcjs.morphContourToSubpath; exports.morphPathsCross = _chunkKANRAHTLcjs.morphPathsCross; exports.moveAnchorHandle = _chunkKANRAHTLcjs.moveAnchorHandle; exports.moveVectorGradientHandle = _chunkKANRAHTLcjs.moveVectorGradientHandle; exports.moveVectorGradientStop = _chunkKANRAHTLcjs.moveVectorGradientStop; exports.multiplyMatrices = _chunkDWGZUSEScjs.multiplyMatrices; exports.nearestSegment = _chunkKANRAHTLcjs.nearestSegment; exports.nearestStrokePosition = _chunkKANRAHTLcjs.nearestStrokePosition; exports.needsVectorPaintLayers = _chunkKANRAHTLcjs.needsVectorPaintLayers; exports.newVectorStrokeLayer = _chunkKANRAHTLcjs.newVectorStrokeLayer; exports.nextVectorCornerKind = _chunkKANRAHTLcjs.nextVectorCornerKind; exports.nodeMatrix = _chunkKANRAHTLcjs.nodeMatrix; exports.normalizeVectorEffectParams = _chunkKANRAHTLcjs.normalizeVectorEffectParams; exports.normalizeVectorFilterParams = _chunkKANRAHTLcjs.normalizeVectorFilterParams; exports.normalizeVectorPaintStacks = _chunkKANRAHTLcjs.normalizeVectorPaintStacks; exports.offsetPaths = _chunkKANRAHTLcjs.offsetPaths; exports.orderVectorQuad = _chunkMUUXNRU4cjs.orderQuad; exports.parseSvgTransform = _chunkKANRAHTLcjs.parseSvgTransform; exports.parseVectorColor = _chunkKANRAHTLcjs.parseVectorColor; exports.parseVectorSvg = _chunkKANRAHTLcjs.parseVectorSvg; exports.pathsCenter = _chunkKANRAHTLcjs.pathsCenter; exports.patternAttrs = _chunkKANRAHTLcjs.patternAttrs; exports.periodicVectorGradientStops = _chunkKANRAHTLcjs.periodicVectorGradientStops; exports.pinVectorGradient = _chunkKANRAHTLcjs.pinVectorGradient; exports.planShapeBuilder = planShapeBuilder; exports.polygonSubpath = _chunkKANRAHTLcjs.polygonSubpath; exports.polylineBounds = polylineBounds; exports.pressureWidthProfile = _chunkKANRAHTLcjs.pressureWidthProfile; exports.puckerBloatPaths = _chunkKANRAHTLcjs.puckerBloatPaths; exports.pullVectorMesh = _chunkDWGZUSEScjs.pullWarpMesh; exports.recognizeInkShape = recognizeInkShape; exports.rectSubpath = _chunkKANRAHTLcjs.rectSubpath; exports.refineMorphContour = _chunkKANRAHTLcjs.refineMorphContour; exports.refreshVectorBlends = refreshVectorBlends; exports.releaseVectorBlend = releaseVectorBlend; exports.removeAnchorKeepingShape = removeAnchorKeepingShape; exports.removeAnchors = _chunkKANRAHTLcjs.removeAnchors; exports.removeAnchorsKeepingShape = removeAnchorsKeepingShape; exports.removeRedundantPoints = removeRedundantPoints; exports.removeVectorGradientStop = _chunkKANRAHTLcjs.removeVectorGradientStop; exports.removeVectorMeshSplitU = _chunkDWGZUSEScjs.removeWarpMeshSplitU; exports.removeVectorMeshSplitV = _chunkDWGZUSEScjs.removeWarpMeshSplitV; exports.removeWidthPoints = _chunkKANRAHTLcjs.removeWidthPoints; exports.repeatPaths = _chunkKANRAHTLcjs.repeatPaths; exports.resampleGradientStops = _chunkKANRAHTLcjs.resampleGradientStops; exports.resizeVectorMesh = _chunkDWGZUSEScjs.resizeWarpMesh; exports.resolveVectorBlendOptions = resolveVectorBlendOptions; exports.reverseMorphContour = _chunkKANRAHTLcjs.reverseMorphContour; exports.reverseSubpath = _chunkKANRAHTLcjs.reverseSubpath; exports.reverseVectorGradient = _chunkKANRAHTLcjs.reverseVectorGradient; exports.reverseWidthProfile = _chunkKANRAHTLcjs.reverseWidthProfile; exports.rotateMatrix = _chunkDWGZUSEScjs.rotateMatrix; exports.roundCornerPaths = _chunkKANRAHTLcjs.roundCornerPaths; exports.roundSubpaths = _chunkKANRAHTLcjs.roundSubpaths; exports.samplePlainStops = _chunkKANRAHTLcjs.samplePlainStops; exports.samplePolyline = samplePolyline; exports.sampleVectorGradient = _chunkKANRAHTLcjs.sampleVectorGradient; exports.sampleVectorGradientAt = _chunkKANRAHTLcjs.sampleVectorGradientAt; exports.sampleVectorPaintDefAt = _chunkKANRAHTLcjs.sampleVectorPaintDefAt; exports.sanitizeVectorEffects = _chunkKANRAHTLcjs.sanitizeVectorEffects; exports.sanitizeVectorFills = _chunkKANRAHTLcjs.sanitizeVectorFills; exports.sanitizeVectorFilters = _chunkKANRAHTLcjs.sanitizeVectorFilters; exports.sanitizeVectorGradient = _chunkKANRAHTLcjs.sanitizeVectorGradient; exports.sanitizeVectorStrokeSettings = _chunkKANRAHTLcjs.sanitizeVectorStrokeSettings; exports.sanitizeVectorStrokes = _chunkKANRAHTLcjs.sanitizeVectorStrokes; exports.sanitizeWidthProfile = _chunkKANRAHTLcjs.sanitizeWidthProfile; exports.scaleFor = scaleFor; exports.scaleMatrix = _chunkDWGZUSEScjs.scaleMatrix; exports.setAnchorCorner = _chunkKANRAHTLcjs.setAnchorCorner; exports.setSubpathCorners = _chunkKANRAHTLcjs.setSubpathCorners; exports.setVectorGradientVector = _chunkKANRAHTLcjs.setVectorGradientVector; exports.setWidthPoint = _chunkKANRAHTLcjs.setWidthPoint; exports.simplifyPolyline = simplifyPolyline; exports.smoothSubpath = smoothSubpath; exports.solve8 = _chunkMUUXNRU4cjs.solve8; exports.sortedVectorGradientStops = _chunkKANRAHTLcjs.sortedVectorGradientStops; exports.spanVectorGradientStops = _chunkKANRAHTLcjs.spanVectorGradientStops; exports.splitIntoFaces = splitIntoFaces; exports.splitSubpathAt = splitSubpathAt; exports.splitVectorMeshU = _chunkDWGZUSEScjs.splitWarpMeshU; exports.splitVectorMeshV = _chunkDWGZUSEScjs.splitWarpMeshV; exports.starSubpath = _chunkKANRAHTLcjs.starSubpath; exports.strokePositionPoint = _chunkKANRAHTLcjs.strokePositionPoint; exports.strokeWidthProfileOf = _chunkKANRAHTLcjs.strokeWidthProfileOf; exports.subpathEnclosesArea = subpathEnclosesArea; exports.subpathPointAt = subpathPointAt; exports.subpathSegment = _chunkKANRAHTLcjs.subpathSegment; exports.subpathSegmentCount = _chunkKANRAHTLcjs.subpathSegmentCount; exports.subpathToMorphContour = _chunkKANRAHTLcjs.subpathToMorphContour; exports.subpathsToBezier = _chunkKANRAHTLcjs.subpathsToBezier; exports.taperWaveFactor = _chunkKANRAHTLcjs.taperWaveFactor; exports.toVectorKeyInput = toVectorKeyInput; exports.toVectorModifiers = toVectorModifiers; exports.toVectorPointerInput = toVectorPointerInput; exports.transformVectorEffects = _chunkKANRAHTLcjs.transformVectorEffects; exports.transformVectorGradient = _chunkKANRAHTLcjs.transformVectorGradient; exports.transformVectorNode = _chunkKANRAHTLcjs.transformVectorNode; exports.transformVectorPaint = _chunkKANRAHTLcjs.transformVectorPaint; exports.translateAnchor = _chunkKANRAHTLcjs.translateAnchor; exports.translateMatrix = _chunkDWGZUSEScjs.translateMatrix; exports.trimIntervals = _chunkKANRAHTLcjs.trimIntervals; exports.trimPaths = _chunkKANRAHTLcjs.trimPaths; exports.trimPathsIndividually = _chunkKANRAHTLcjs.trimPathsIndividually; exports.turnMorphContour = _chunkKANRAHTLcjs.turnMorphContour; exports.twistPaths = _chunkKANRAHTLcjs.twistPaths; exports.unionBounds = _chunkKANRAHTLcjs.unionBounds; exports.variableStrokeOutline = _chunkKANRAHTLcjs.variableStrokeOutline; exports.variableStrokeRings = _chunkKANRAHTLcjs.variableStrokeRings; exports.vectorAppearanceNodes = _chunkKANRAHTLcjs.vectorAppearanceNodes; exports.vectorAppearanceOutline = _chunkKANRAHTLcjs.vectorAppearanceOutline; exports.vectorAppearanceShapes = _chunkKANRAHTLcjs.vectorAppearanceShapes; exports.vectorBlendColorDistance = vectorBlendColorDistance; exports.vectorBlendKeyTargets = vectorBlendKeyTargets; exports.vectorBlendKeys = vectorBlendKeys; exports.vectorBlendModeCss = _chunkKANRAHTLcjs.vectorBlendModeCss; exports.vectorBlendModeFromCss = _chunkKANRAHTLcjs.vectorBlendModeFromCss; exports.vectorBlendRail = vectorBlendRail; exports.vectorBlendRailAt = vectorBlendRailAt; exports.vectorBlendSpine = vectorBlendSpine; exports.vectorBlendStepCount = vectorBlendStepCount; exports.vectorBoxCorners = vectorBoxCorners; exports.vectorBoxMatrix = _chunkKANRAHTLcjs.vectorBoxMatrix; exports.vectorBuilderErasedEdges = vectorBuilderErasedEdges; exports.vectorCornerAt = _chunkKANRAHTLcjs.vectorCornerAt; exports.vectorCorners = _chunkKANRAHTLcjs.vectorCorners; exports.vectorCornersAttribute = _chunkKANRAHTLcjs.vectorCornersAttribute; exports.vectorDiamondPath = vectorDiamondPath; exports.vectorDistortQuad = vectorDistortQuad; exports.vectorDocumentToSvg = _chunkKANRAHTLcjs.vectorDocumentToSvg; exports.vectorEffectInputBounds = _chunkKANRAHTLcjs.vectorEffectInputBounds; exports.vectorEffectInputPaths = _chunkKANRAHTLcjs.vectorEffectInputPaths; exports.vectorEnteredGroups = _chunkKANRAHTLcjs.vectorEnteredGroups; exports.vectorEnvelopeFrame = _chunkKANRAHTLcjs.vectorEnvelopeFrame; exports.vectorEnvelopeMap = _chunkKANRAHTLcjs.vectorEnvelopeMap; exports.vectorEnvelopeMesh = _chunkKANRAHTLcjs.vectorEnvelopeMesh; exports.vectorFillMap = vectorFillMap; exports.vectorFills = _chunkKANRAHTLcjs.vectorFills; exports.vectorFilterMarkup = _chunkKANRAHTLcjs.vectorFilterMarkup; exports.vectorFilterParamKeys = _chunkKANRAHTLcjs.vectorFilterParamKeys; exports.vectorFilterReach = _chunkKANRAHTLcjs.vectorFilterReach; exports.vectorFilterSvg = _chunkKANRAHTLcjs.vectorFilterSvg; exports.vectorGradientArea = _chunkKANRAHTLcjs.vectorGradientArea; exports.vectorGradientAspect = _chunkKANRAHTLcjs.vectorGradientAspect; exports.vectorGradientBarPosition = vectorGradientBarPosition; exports.vectorGradientFocalParam = _chunkKANRAHTLcjs.vectorGradientFocalParam; exports.vectorGradientHandles = _chunkKANRAHTLcjs.vectorGradientHandles; exports.vectorGradientMatrix = _chunkKANRAHTLcjs.vectorGradientMatrix; exports.vectorGradientMidpointFromPosition = _chunkKANRAHTLcjs.vectorGradientMidpointFromPosition; exports.vectorGradientMidpointPosition = _chunkKANRAHTLcjs.vectorGradientMidpointPosition; exports.vectorGradientNeedsExpansion = _chunkKANRAHTLcjs.vectorGradientNeedsExpansion; exports.vectorGradientParam = _chunkKANRAHTLcjs.vectorGradientParam; exports.vectorGradientPoints = _chunkKANRAHTLcjs.vectorGradientPoints; exports.vectorGradientRamp = _chunkKANRAHTLcjs.vectorGradientRamp; exports.vectorGradientSvgDefs = _chunkKANRAHTLcjs.vectorGradientSvgDefs; exports.vectorGradientTAt = _chunkKANRAHTLcjs.vectorGradientTAt; exports.vectorGradientTargetPath = vectorGradientTargetPath; exports.vectorGradientUnitsMatrix = _chunkKANRAHTLcjs.vectorGradientUnitsMatrix; exports.vectorHomography = _chunkMUUXNRU4cjs.homographyFromPoints; exports.vectorHomographyKeepsQuad = _chunkMUUXNRU4cjs.homographyKeepsQuad; exports.vectorIdentityMesh = _chunkDWGZUSEScjs.identityWarpMesh; exports.vectorInkShapeName = vectorInkShapeName; exports.vectorLiveBooleanSteps = _chunkKANRAHTLcjs.vectorLiveBooleanSteps; exports.vectorMeshColumns = _chunkDWGZUSEScjs.warpMeshColumns; exports.vectorMeshControlBounds = _chunkDWGZUSEScjs.warpMeshControlBounds; exports.vectorMeshEditPoints = _chunkDWGZUSEScjs.warpMeshEditPoints; exports.vectorMeshFromOutline = _chunkKANRAHTLcjs.vectorMeshFromOutline; exports.vectorMeshGridCurves = _chunkDWGZUSEScjs.warpMeshGridCurves; exports.vectorMeshOutline = _chunkKANRAHTLcjs.vectorMeshOutline; exports.vectorMeshParamAt = _chunkDWGZUSEScjs.warpMeshParamAt; exports.vectorMeshRows = _chunkDWGZUSEScjs.warpMeshRows; exports.vectorNodeBounds = _chunkKANRAHTLcjs.vectorNodeBounds; exports.vectorNodeEnvelope = _chunkKANRAHTLcjs.vectorNodeEnvelope; exports.vectorNodeFilterSvg = _chunkKANRAHTLcjs.vectorNodeFilterSvg; exports.vectorNodeLocalPaintBounds = _chunkKANRAHTLcjs.vectorNodeLocalPaintBounds; exports.vectorNodeRotation = _chunkKANRAHTLcjs.vectorNodeRotation; exports.vectorNodeToBezier = _chunkKANRAHTLcjs.vectorNodeToBezier; exports.vectorOperandOperation = _chunkKANRAHTLcjs.vectorOperandOperation; exports.vectorPaintLayerNodes = _chunkKANRAHTLcjs.vectorPaintLayerNodes; exports.vectorPaintSwatch = vectorPaintSwatch; exports.vectorPaintToHex = vectorPaintToHex; exports.vectorPaintToSvg = _chunkKANRAHTLcjs.vectorPaintToSvg; exports.vectorParentMatrix = _chunkKANRAHTLcjs.vectorParentMatrix; exports.vectorPathData = _chunkKANRAHTLcjs.vectorPathData; exports.vectorPathEntries = vectorPathEntries; exports.vectorPathLocalBounds = _chunkKANRAHTLcjs.vectorPathLocalBounds; exports.vectorPathWorldBezier = _chunkKANRAHTLcjs.vectorPathWorldBezier; exports.vectorPathfinderShape = vectorPathfinderShape; exports.vectorRepeaterCopies = _chunkKANRAHTLcjs.vectorRepeaterCopies; exports.vectorResizeCursor = vectorResizeCursor; exports.vectorResultStyle = vectorResultStyle; exports.vectorShapeBuilderHit = vectorShapeBuilderHit; exports.vectorShapeBuilderMap = vectorShapeBuilderMap; exports.vectorShearForSide = vectorShearForSide; exports.vectorSkewMatrix = vectorSkewMatrix; exports.vectorStacksHaveGradient = _chunkKANRAHTLcjs.vectorStacksHaveGradient; exports.vectorStrokeGradientDefs = _chunkKANRAHTLcjs.vectorStrokeGradientDefs; exports.vectorStrokeLineArea = _chunkKANRAHTLcjs.vectorStrokeLineArea; exports.vectorStrokeOutline = _chunkKANRAHTLcjs.vectorStrokeOutline; exports.vectorStrokeOutlinePath = _chunkKANRAHTLcjs.vectorStrokeOutlinePath; exports.vectorStrokeParts = _chunkKANRAHTLcjs.vectorStrokeParts; exports.vectorStrokeReach = _chunkKANRAHTLcjs.vectorStrokeReach; exports.vectorStrokeSettings = _chunkKANRAHTLcjs.vectorStrokeSettings; exports.vectorStrokeStackReach = _chunkKANRAHTLcjs.vectorStrokeStackReach; exports.vectorStrokeSvgParts = _chunkKANRAHTLcjs.vectorStrokeSvgParts; exports.vectorStrokeWidthGeometry = vectorStrokeWidthGeometry; exports.vectorStrokes = _chunkKANRAHTLcjs.vectorStrokes; exports.vectorTargetPaint = _chunkKANRAHTLcjs.vectorTargetPaint; exports.vectorToolLabel = vectorToolLabel; exports.vectorWarpPresetGrid = _chunkDWGZUSEScjs.warpPresetGrid; exports.vectorWarpPresetMesh = _chunkDWGZUSEScjs.warpPresetMesh; exports.vectorWorldMatrix = _chunkKANRAHTLcjs.vectorWorldMatrix; exports.walkVectorNodes = _chunkKANRAHTLcjs.walkVectorNodes; exports.widthProfileAt = _chunkKANRAHTLcjs.widthProfileAt; exports.widthProfileFromAttribute = _chunkKANRAHTLcjs.widthProfileFromAttribute; exports.widthProfileMaxScale = _chunkKANRAHTLcjs.widthProfileMaxScale; exports.widthProfilePreset = _chunkKANRAHTLcjs.widthProfilePreset; exports.widthProfilePresetId = _chunkKANRAHTLcjs.widthProfilePresetId; exports.widthProfileToAttribute = _chunkKANRAHTLcjs.widthProfileToAttribute; exports.wigglePaths = _chunkKANRAHTLcjs.wigglePaths; exports.withVectorFills = _chunkKANRAHTLcjs.withVectorFills; exports.withVectorStrokes = _chunkKANRAHTLcjs.withVectorStrokes; exports.withVectorTargetPaint = _chunkKANRAHTLcjs.withVectorTargetPaint; exports.zigzagPaths = _chunkKANRAHTLcjs.zigzagPaths;
 //# sourceMappingURL=index.cjs.map