@pixerate/editor 0.213.0 → 0.215.0

package/dist/{chunk-UOGKSVRQ.cjs → chunk-B46UQUDC.cjs}

@@ -469,63 +469,6 @@ function stableStringify(v) {
   return JSON.stringify(v);
 }
 
-// src/raster/curve.ts
-var CURVE_LUT_SIZE = 4096;
-var clamp01 = (v) => v <= 0 ? 0 : v >= 1 ? 1 : v;
-function curveLut(points, size = CURVE_LUT_SIZE) {
-  const pts = points.filter((p) => Number.isFinite(p.input) && Number.isFinite(p.output)).map((p) => [p.input, p.output]).sort((a, b) => a[0] - b[0]);
-  const dedup = [];
-  for (const p of pts) {
-    if (dedup.length && Math.abs(dedup[dedup.length - 1][0] - p[0]) < 1e-6) continue;
-    dedup.push(p);
-  }
-  const out = new Float32Array(size);
-  const n = dedup.length;
-  if (n < 2) {
-    for (let k = 0; k < size; k++) out[k] = k / (size - 1);
-    return out;
-  }
-  const x = dedup.map((p) => p[0]);
-  const y = dedup.map((p) => p[1]);
-  const m2 = new Float64Array(n);
-  if (n > 2) {
-    const c = new Float64Array(n);
-    const d = new Float64Array(n);
-    for (let i = 1; i < n - 1; i++) {
-      const h0 = x[i] - x[i - 1];
-      const h1 = x[i + 1] - x[i];
-      const a = h0 / 6;
-      const b = (h0 + h1) / 3;
-      const cc = h1 / 6;
-      const r = (y[i + 1] - y[i]) / h1 - (y[i] - y[i - 1]) / h0;
-      const denom = b - a * c[i - 1];
-      c[i] = cc / denom;
-      d[i] = (r - a * d[i - 1]) / denom;
-    }
-    for (let i = n - 2; i >= 1; i--) m2[i] = d[i] - c[i] * m2[i + 1];
-  }
-  let seg = 0;
-  for (let k = 0; k < size; k++) {
-    const xv = k / (size - 1);
-    if (xv <= x[0]) {
-      out[k] = clamp01(y[0]);
-      continue;
-    }
-    if (xv >= x[n - 1]) {
-      out[k] = clamp01(y[n - 1]);
-      continue;
-    }
-    while (seg < n - 2 && xv > x[seg + 1]) seg++;
-    const x0 = x[seg], x1 = x[seg + 1];
-    const h = x1 - x0;
-    const a = (x1 - xv) / h;
-    const b = (xv - x0) / h;
-    const v = a * y[seg] + b * y[seg + 1] + ((a * a * a - a) * m2[seg] + (b * b * b - b) * m2[seg + 1]) * (h * h) / 6;
-    out[k] = clamp01(v);
-  }
-  return out;
-}
-
 // src/raster/effects/patterns.ts
 var PatternTile = class {
   
@@ -655,6 +598,63 @@ function hashNoise(x, y) {
   return (h & 65535) / 65536;
 }
 
+// src/raster/curve.ts
+var CURVE_LUT_SIZE = 4096;
+var clamp01 = (v) => v <= 0 ? 0 : v >= 1 ? 1 : v;
+function curveLut(points, size = CURVE_LUT_SIZE) {
+  const pts = points.filter((p) => Number.isFinite(p.input) && Number.isFinite(p.output)).map((p) => [p.input, p.output]).sort((a, b) => a[0] - b[0]);
+  const dedup = [];
+  for (const p of pts) {
+    if (dedup.length && Math.abs(dedup[dedup.length - 1][0] - p[0]) < 1e-6) continue;
+    dedup.push(p);
+  }
+  const out = new Float32Array(size);
+  const n = dedup.length;
+  if (n < 2) {
+    for (let k = 0; k < size; k++) out[k] = k / (size - 1);
+    return out;
+  }
+  const x = dedup.map((p) => p[0]);
+  const y = dedup.map((p) => p[1]);
+  const m2 = new Float64Array(n);
+  if (n > 2) {
+    const c = new Float64Array(n);
+    const d = new Float64Array(n);
+    for (let i = 1; i < n - 1; i++) {
+      const h0 = x[i] - x[i - 1];
+      const h1 = x[i + 1] - x[i];
+      const a = h0 / 6;
+      const b = (h0 + h1) / 3;
+      const cc = h1 / 6;
+      const r = (y[i + 1] - y[i]) / h1 - (y[i] - y[i - 1]) / h0;
+      const denom = b - a * c[i - 1];
+      c[i] = cc / denom;
+      d[i] = (r - a * d[i - 1]) / denom;
+    }
+    for (let i = n - 2; i >= 1; i--) m2[i] = d[i] - c[i] * m2[i + 1];
+  }
+  let seg = 0;
+  for (let k = 0; k < size; k++) {
+    const xv = k / (size - 1);
+    if (xv <= x[0]) {
+      out[k] = clamp01(y[0]);
+      continue;
+    }
+    if (xv >= x[n - 1]) {
+      out[k] = clamp01(y[n - 1]);
+      continue;
+    }
+    while (seg < n - 2 && xv > x[seg + 1]) seg++;
+    const x0 = x[seg], x1 = x[seg + 1];
+    const h = x1 - x0;
+    const a = (x1 - xv) / h;
+    const b = (xv - x0) / h;
+    const v = a * y[seg] + b * y[seg + 1] + ((a * a * a - a) * m2[seg] + (b * b * b - b) * m2[seg + 1]) * (h * h) / 6;
+    out[k] = clamp01(v);
+  }
+  return out;
+}
+
 // src/raster/effects/render.ts
 var INSIDE_EPS = 0.5 / 255;
 var INF = 1e20;
@@ -1927,486 +1927,94 @@ function renderLayerEffects(effects, layer, backdrop, canvas, ctx) {
   });
 }
 
-// src/raster/deep-compositor.ts
-var isGroup = (l) => l.type === "group";
-var DeepCompositor = class {
-  constructor(base, profile, deep, depth) {
-    this.base = base;
-    this.profile = profile;
-    this.deep = deep;
-    this.depth = depth;
-    this.linear = depth === 32;
-  }
-  
-  
-  
-  
-  
-  
-  /** The composite of `layers` over `rect` as float RGBA in the working space (`rect.width × rect.height × 4`). */
-  composite(layers, rect, sources) {
-    this.sources = sources;
-    const acc = new Float32Array(Math.max(0, rect.width * rect.height * 4));
-    if (rect.width > 0 && rect.height > 0) this.runSteps(this.buildSteps(layers), acc, true, rect);
-    return acc;
-  }
-  // --- Steps (as RasterCompositor.buildSteps) ------------------------------------
-  isPixel(l) {
-    return l.type === "pixel" || (_nullishCoalesce(_optionalChain([this, 'access', _2 => _2.profile, 'access', _3 => _3.isPixelLike, 'optionalCall', _4 => _4(l)]), () => ( false)));
-  }
-  isFilter(l) {
-    return _nullishCoalesce(_optionalChain([this, 'access', _5 => _5.profile, 'access', _6 => _6.isFilterLayer, 'optionalCall', _7 => _7(l)]), () => ( false));
-  }
-  buildSteps(layers) {
-    const steps = [];
-    for (const layer of layers) {
-      const last = steps[steps.length - 1];
-      if (layer.clipped && last && (last.kind === "content" || last.kind === "group")) {
-        last.clipped.push(layer);
-        continue;
-      }
-      if (this.isFilter(layer)) {
-        if (last && last.kind === "adjust") last.layers.push(layer);
-        else steps.push({ kind: "adjust", layers: [layer] });
-      } else if (isGroup(layer)) steps.push({ kind: "group", layer, clipped: [], steps: this.buildSteps(_nullishCoalesce(layer.children, () => ( []))) });
-      else steps.push({ kind: "content", layer, clipped: [] });
+// src/raster/compositor.ts
+var TILE_PIXELS = _chunk474IQG74cjs.TILE * _chunk474IQG74cjs.TILE;
+var TILE_BYTES = TILE_PIXELS * 4;
+function applyEdgeAmbient(content, below, coverage, amount, color2, max) {
+  const k = Math.min(1, Math.max(0, amount));
+  if (!(k > 0)) return;
+  const n = content.length / 4;
+  for (let i = 0; i < n; i++) {
+    const a = content[i * 4 + 3] / max * (coverage ? coverage[i] : 1);
+    if (a <= 0 || a >= 1) continue;
+    let r;
+    let g;
+    let b;
+    if (color2) [r, g, b] = color2;
+    else {
+      if (!(below[i * 4 + 3] > 0)) continue;
+      r = below[i * 4];
+      g = below[i * 4 + 1];
+      b = below[i * 4 + 2];
     }
-    return steps;
+    const t = k * (1 - a);
+    content[i * 4] += t * (r - content[i * 4]);
+    content[i * 4 + 1] += t * (g - content[i * 4 + 1]);
+    content[i * 4 + 2] += t * (b - content[i * 4 + 2]);
   }
-  runSteps(steps, acc, empty, r) {
-    for (const s of steps) empty = this.runStep(s, acc, empty, r);
-    return empty;
+}
+function sameSig(a, b) {
+  if (!a || a.key !== b.key || a.refs.length !== b.refs.length) return false;
+  for (let i = 0; i < a.refs.length; i++) if (a.refs[i] !== b.refs[i]) return false;
+  return true;
+}
+function dirtyInTile(rects, tx, ty) {
+  let x0 = Infinity;
+  let y0 = Infinity;
+  let x1 = -Infinity;
+  let y1 = -Infinity;
+  const ox = tx * _chunk474IQG74cjs.TILE;
+  const oy = ty * _chunk474IQG74cjs.TILE;
+  for (const r of rects) {
+    const a = Math.max(ox, Math.floor(r.x));
+    const b = Math.max(oy, Math.floor(r.y));
+    const c = Math.min(ox + _chunk474IQG74cjs.TILE, Math.ceil(r.x + r.width));
+    const d = Math.min(oy + _chunk474IQG74cjs.TILE, Math.ceil(r.y + r.height));
+    if (c <= a || d <= b) continue;
+    x0 = Math.min(x0, a);
+    y0 = Math.min(y0, b);
+    x1 = Math.max(x1, c);
+    y1 = Math.max(y1, d);
   }
-  runStep(step, acc, empty, r) {
-    if (step.kind === "adjust") {
-      if (empty) return true;
-      this.applyFilterRun(step.layers, acc, r);
-      return false;
+  return x0 === Infinity ? null : { x: x0, y: y0, width: x1 - x0, height: y1 - y0 };
+}
+function blendTile(dst, src, mode, alpha, coverage) {
+  if (!(alpha > 0)) return;
+  const normal = mode === "normal";
+  const pigment = mode === "pigment";
+  const lut = !normal && _chunkOLNIPTB3cjs.isSeparableBlendMode.call(void 0, mode) ? separableLut(mode) : null;
+  const cb = [0, 0, 0];
+  const cs = [0, 0, 0];
+  const n = dst.length;
+  for (let i = 0, p = 0; i < n; i += 4, p++) {
+    const sa = src[i + 3];
+    if (sa === 0) continue;
+    const k = coverage ? alpha * coverage[p] : alpha;
+    if (!(k > 0)) continue;
+    if (normal && sa === 255 && k >= 1) {
+      dst[i] = src[i];
+      dst[i + 1] = src[i + 1];
+      dst[i + 2] = src[i + 2];
+      dst[i + 3] = 255;
+      continue;
     }
-    const layer = step.layer;
-    if (!layer.visible) return empty;
-    const clipped = step.clipped.filter((l) => l.visible);
-    if ((step.kind === "content" || step.kind === "group") && this.deepEffects(layer)) return this.runEffects(layer, clipped, acc, r, step.kind === "group" ? step.steps : null) ? false : empty;
-    const coverage = this.renderedAlone(layer) ? null : this.base.maskCoverage(layer, r, this.sources);
-    if (coverage && coverage.every((v) => v <= 0)) return empty;
-    if (step.kind === "group" && !this.renderedAlone(layer)) {
-      if (layer.blend === "pass-through" && !clipped.length) {
-        if (layer.opacity >= 1 && !coverage) return this.runSteps(step.steps, acc, empty, r);
-        const before = acc.slice();
-        const stillEmpty = this.runSteps(step.steps, acc, empty, r);
-        lerp(acc, before, layer.opacity, coverage);
-        return empty && stillEmpty;
-      }
-      const buf2 = new Float32Array(acc.length);
-      if (this.runSteps(step.steps, buf2, true, r)) return empty;
-      this.applyClipped(clipped, buf2, r);
-      const mode2 = layer.blend === "pass-through" ? "normal" : layer.blend;
-      this.blend(acc, buf2, mode2, layer.opacity, coverage);
-      return false;
+    const as = sa / 255 * k;
+    const ab = dst[i + 3] / 255;
+    const ao = as + ab * (1 - as);
+    if (ao <= 0) {
+      dst[i] = dst[i + 1] = dst[i + 2] = dst[i + 3] = 0;
+      continue;
     }
-    const content = this.content(layer, r);
-    if (!content) return empty;
-    const alone = this.renderedAlone(layer);
-    const fill2 = !alone && this.isPixel(layer) ? _nullishCoalesce(layer.fillOpacity, () => ( 1)) : 1;
-    const mode = this.blendOf(layer);
-    if (!clipped.length) {
-      this.blend(acc, content, mode, layer.opacity * fill2, coverage);
-      return false;
-    }
-    const buf = new Float32Array(acc.length);
-    this.blend(buf, content, "normal", fill2, coverage);
-    this.applyClipped(clipped, buf, r);
-    this.blend(acc, buf, mode, layer.opacity, null);
-    return false;
-  }
-  /**
-   * A pixel layer with effects onto `acc` over `r`: its deep content (filters, mask, clipped
-   * layers) and the effects composited in float. Effect maps come from the 8-bit shape. At 32
-   * bits the effects composite in sRGB-encoded values (their colours and blends are defined
-   * there) and the result is decoded back. Returns whether anything was drawn.
-   */
-  runEffects(layer, clipped, acc, r, groupSteps = null) {
-    const fx = this.base.effectsInput(layer, r, this.sources);
-    if (!fx) return false;
-    const a = fx.rect;
-    let content;
-    if (groupSteps) {
-      content = new Float32Array(a.width * a.height * 4);
-      this.runSteps(groupSteps, content, true, a);
-    } else content = _nullishCoalesce(this.content(layer, a), () => ( new Float32Array(a.width * a.height * 4)));
-    const coverage = this.base.maskCoverage(layer, a, this.sources);
-    if (coverage) for (let i = 0; i < coverage.length; i++) content[i * 4 + 3] *= coverage[i];
-    if (clipped.length) this.applyClipped(clipped, content, a);
-    const sub = new Float32Array(a.width * a.height * 4);
-    for (let y = 0; y < a.height; y++) {
-      const s = ((a.y - r.y + y) * r.width + (a.x - r.x)) * 4;
-      sub.set(acc.subarray(s, s + a.width * 4), y * a.width * 4);
-    }
-    if (this.linear) {
-      encodeInPlace(sub);
-      encodeInPlace(content);
-    }
-    compositeLayerEffects({ ...fx, backdrop: sub, content });
-    if (this.linear) decodeInPlace(sub);
-    for (let y = 0; y < a.height; y++) acc.set(sub.subarray(y * a.width * 4, (y + 1) * a.width * 4), ((a.y - r.y + y) * r.width + (a.x - r.x)) * 4);
-    return true;
-  }
-  applyClipped(clipped, buf, r) {
-    let run = [];
-    const flush = () => {
-      if (run.length) this.applyFilterRun(run, buf, r);
-      run = [];
-    };
-    for (const c of clipped) {
-      if (this.isFilter(c)) {
-        run.push(c);
-        continue;
-      }
-      flush();
-      const alone = this.renderedAlone(c);
-      const coverage = alone ? null : this.base.maskCoverage(c, r, this.sources);
-      let src;
-      if (isGroup(c) && !alone) {
-        src = new Float32Array(buf.length);
-        if (this.runSteps(this.buildSteps(_nullishCoalesce(c.children, () => ( []))), src, true, r)) continue;
-      } else src = this.content(c, r);
-      if (!src) continue;
-      const fill2 = !alone && this.isPixel(c) ? _nullishCoalesce(c.fillOpacity, () => ( 1)) : 1;
-      const keep = new Float32Array(buf.length >> 2);
-      for (let i = 3, p = 0; i < buf.length; i += 4, p++) keep[p] = buf[i];
-      this.blend(buf, src, c.blend === "pass-through" ? "normal" : this.blendOf(c), c.opacity * fill2, coverage);
-      for (let i = 3, p = 0; i < buf.length; i += 4, p++) buf[i] = keep[p];
-    }
-    flush();
-  }
-  applyFilterRun(layers, acc, r) {
-    const visible = [];
-    let masks;
-    for (const node of layers) {
-      if (!node.visible) continue;
-      const cov = this.base.maskCoverage(node, r, this.sources);
-      if (cov) {
-        if (cov.every((v) => v <= 0)) continue;
-        (masks ??= /* @__PURE__ */ new Map()).set(node.id, cov);
-      }
-      visible.push(node);
-    }
-    if (!visible.length) return;
-    if (this.deep.applyFilterRunDeep) {
-      if (this.linear) mapColour(acc, _chunkOLNIPTB3cjs.srgbEncode);
-      this.deep.applyFilterRunDeep(visible, acc, r, masks, this.sources);
-      if (this.linear) mapColour(acc, _chunkOLNIPTB3cjs.srgbDecode);
-      return;
-    }
-    const bytes = this.to8(acc);
-    _optionalChain([this, 'access', _8 => _8.profile, 'access', _9 => _9.applyFilterRun, 'optionalCall', _10 => _10(visible, bytes, r, masks, this.sources)]);
-    acc.set(this.from8(bytes));
-  }
-  // --- Layer content ---------------------------------------------------------------
-  /** Layers drawn by the 8-bit compositor alone (effects, pixel filters, content the editor draws). */
-  /** A pixel(-like) layer or a group with effects: composited in float through `compositeLayerEffects`. */
-  deepEffects(layer) {
-    return hasActiveEffects(layer.effects) && !this.isFilter(layer) && (isGroup(layer) || this.isPixel(layer));
-  }
-  renderedAlone(layer) {
-    if (hasActiveEffects(layer.effects) && !this.isFilter(layer) && !this.deepEffects(layer)) return true;
-    if (this.isPixel(layer)) return Boolean(_optionalChain([this, 'access', _11 => _11.profile, 'access', _12 => _12.pixelFilters, 'optionalCall', _13 => _13(layer)])) && !_optionalChain([this, 'access', _14 => _14.deep, 'access', _15 => _15.pixelFiltersDeep, 'optionalCall', _16 => _16(layer)]);
-    return !isGroup(layer);
-  }
-  blendOf(layer) {
-    return _nullishCoalesce(_optionalChain([this, 'access', _17 => _17.profile, 'access', _18 => _18.contentBlend, 'optionalCall', _19 => _19(layer)]), () => ( layer.blend));
-  }
-  /** A layer's float RGBA over `r` (straight alpha, working space), or `null` when it has none there. */
-  content(layer, r) {
-    if (this.renderedAlone(layer)) {
-      const solo = { ...layer, blend: isGroup(layer) && layer.blend === "pass-through" ? "pass-through" : "normal", opacity: 1, clipped: false };
-      const bytes = this.base.composite([solo], r, this.sources);
-      return this.from8(bytes);
-    }
-    const surface = this.sources.surfaceOf ? this.sources.surfaceOf(layer) : layer.surface;
-    if (!surface) return null;
-    const ox = _nullishCoalesce(_optionalChain([layer, 'access', _20 => _20.offset, 'optionalAccess', _21 => _21.x]), () => ( 0));
-    const oy = _nullishCoalesce(_optionalChain([layer, 'access', _22 => _22.offset, 'optionalAccess', _23 => _23.y]), () => ( 0));
-    const filters = this.isPixel(layer) ? _nullishCoalesce(_optionalChain([this, 'access', _24 => _24.deep, 'access', _25 => _25.pixelFiltersDeep, 'optionalCall', _26 => _26(layer)]), () => ( null)) : null;
-    if (!filters) return this.samples(surface, { x: r.x - ox, y: r.y - oy, width: r.width, height: r.height });
-    const m = filters.reach;
-    const W = this.sources.width;
-    const H = this.sources.height;
-    const x0 = m ? Math.max(0, r.x - m) : r.x;
-    const y0 = m ? Math.max(0, r.y - m) : r.y;
-    const x1 = m ? Math.min(W, r.x + r.width + m) : r.x + r.width;
-    const y1 = m ? Math.min(H, r.y + r.height + m) : r.y + r.height;
-    if (x1 <= x0 || y1 <= y0) return new Float32Array(r.width * r.height * 4);
-    const big = { x: x0, y: y0, width: x1 - x0, height: y1 - y0 };
-    const data = this.samples(surface, { ...big, x: big.x - ox, y: big.y - oy });
-    filters.apply(data, big.width, big.height, this.linear);
-    if (big.x === r.x && big.y === r.y && big.width === r.width && big.height === r.height) return data;
-    const out = new Float32Array(r.width * r.height * 4);
-    for (let y = 0; y < r.height; y++) {
-      const sy = r.y + y - big.y;
-      if (sy < 0 || sy >= big.height) continue;
-      for (let x = 0; x < r.width; x++) {
-        const sx = r.x + x - big.x;
-        if (sx < 0 || sx >= big.width) continue;
-        const s = (sy * big.width + sx) * 4;
-        const d = (y * r.width + x) * 4;
-        out[d] = data[s];
-        out[d + 1] = data[s + 1];
-        out[d + 2] = data[s + 2];
-        out[d + 3] = data[s + 3];
-      }
-    }
-    return out;
-  }
-  /** A surface's samples over `rect` (layer space) in the working space. */
-  samples(surface, rect) {
-    const samples = _chunkOLNIPTB3cjs.readDeepRegion.call(void 0, surface, rect, this.depth);
-    if (samples instanceof Float32Array) return samples;
-    const out = new Float32Array(samples.length);
-    for (let i = 0; i < samples.length; i++) out[i] = samples[i] / 65535;
-    return out;
-  }
-  /** 8-bit RGBA to the working space. */
-  from8(bytes) {
-    if (this.linear) return _chunkOLNIPTB3cjs.to32From8.call(void 0, bytes, 4);
-    const out = new Float32Array(bytes.length);
-    for (let i = 0; i < bytes.length; i++) out[i] = bytes[i] / 255;
-    return out;
-  }
-  /** The working space to 8-bit RGBA. */
-  to8(acc) {
-    const out = new Uint8ClampedArray(acc.length);
-    for (let i = 0; i < acc.length; i += 4) {
-      for (let c = 0; c < 3; c++) out[i + c] = Math.round((this.linear ? _chunkOLNIPTB3cjs.srgbEncode.call(void 0, acc[i + c]) : acc[i + c]) * 255);
-      out[i + 3] = Math.round(acc[i + 3] * 255);
-    }
-    return out;
-  }
-  // --- Blending --------------------------------------------------------------------
-  /** `src` over `dst` with `mode` at `alpha` × coverage (straight alpha, float), as `blendTile`. */
-  blend(dst, src, mode, alpha, coverage) {
-    if (!(alpha > 0)) return;
-    const normal = mode === "normal";
-    const pigment = mode === "pigment";
-    const cb = [0, 0, 0];
-    const cs = [0, 0, 0];
-    const mix = [0, 0, 0];
-    for (let i = 0, p = 0; i < dst.length; i += 4, p++) {
-      const sa = src[i + 3];
-      if (!(sa > 0)) continue;
-      const k = coverage ? alpha * coverage[p] : alpha;
-      if (!(k > 0)) continue;
-      const as = Math.min(1, sa * k);
-      const ab = dst[i + 3];
-      const ao = as + ab * (1 - as);
-      if (ao <= 0) {
-        dst[i] = dst[i + 1] = dst[i + 2] = dst[i + 3] = 0;
-        continue;
-      }
-      if (normal && as >= 1) {
-        dst[i] = src[i];
-        dst[i + 1] = src[i + 1];
-        dst[i + 2] = src[i + 2];
-        dst[i + 3] = 1;
-        continue;
-      }
-      for (let c = 0; c < 3; c++) {
-        cb[c] = dst[i + c];
-        cs[c] = src[i + c];
-      }
-      if (pigment) {
-        if (this.linear) for (let c = 0; c < 3; c++) cb[c] = _chunkOLNIPTB3cjs.srgbEncode.call(void 0, cb[c]), cs[c] = _chunkOLNIPTB3cjs.srgbEncode.call(void 0, cs[c]);
-        _chunkOLNIPTB3cjs.mixPigmentRgb.call(void 0, cb, cs, as / ao, mix);
-        for (let c = 0; c < 3; c++) dst[i + c] = this.linear ? _chunkOLNIPTB3cjs.srgbDecode.call(void 0, mix[c]) : mix[c];
-        dst[i + 3] = ao;
-        continue;
-      }
-      const m = normal ? cs : _chunkOLNIPTB3cjs.blendRgb.call(void 0, mode, cb, cs);
-      const wb = (1 - as) * ab;
-      const ws = (1 - ab) * as;
-      const wm = as * ab;
-      for (let c = 0; c < 3; c++) dst[i + c] = (wb * cb[c] + ws * cs[c] + wm * m[c]) / ao;
-      dst[i + 3] = ao;
-    }
-  }
-};
-function lerp(dst, before, alpha, coverage) {
-  for (let i = 0, p = 0; i < dst.length; i += 4, p++) {
-    const k = coverage ? alpha * coverage[p] : alpha;
-    if (k >= 1) continue;
-    for (let c = 0; c < 4; c++) dst[i + c] = before[i + c] + (dst[i + c] - before[i + c]) * k;
-  }
-}
-function mapColour(data, f) {
-  for (let i = 0; i < data.length; i += 4) {
-    data[i] = f(data[i]);
-    data[i + 1] = f(data[i + 1]);
-    data[i + 2] = f(data[i + 2]);
-  }
-}
-function workingToSamples(data, depth) {
-  if (depth === 32) return data;
-  const out = new Uint16Array(data.length);
-  for (let i = 0; i < data.length; i++) {
-    const v = data[i];
-    out[i] = v > 0 ? v < 1 ? Math.round(v * 65535) : 65535 : 0;
-  }
-  return out;
-}
-function encodeInPlace(d) {
-  for (let i = 0; i < d.length; i += 4) {
-    d[i] = _chunkOLNIPTB3cjs.srgbEncode.call(void 0, d[i]);
-    d[i + 1] = _chunkOLNIPTB3cjs.srgbEncode.call(void 0, d[i + 1]);
-    d[i + 2] = _chunkOLNIPTB3cjs.srgbEncode.call(void 0, d[i + 2]);
-  }
-}
-function decodeInPlace(d) {
-  for (let i = 0; i < d.length; i += 4) {
-    d[i] = _chunkOLNIPTB3cjs.srgbDecode.call(void 0, d[i]);
-    d[i + 1] = _chunkOLNIPTB3cjs.srgbDecode.call(void 0, d[i + 1]);
-    d[i + 2] = _chunkOLNIPTB3cjs.srgbDecode.call(void 0, d[i + 2]);
-  }
-}
-
-// src/raster/layers.ts
-var childrenOf = (l) => l.type === "group" ? _nullishCoalesce(l.children, () => ( null)) : null;
-function flattenLayers(layers) {
-  const out = [];
-  const walk = (list) => {
-    for (const l of list) {
-      out.push(l);
-      const c = childrenOf(l);
-      if (c) walk(c);
-    }
-  };
-  walk(layers);
-  return out;
-}
-function findLayer(layers, id) {
-  const walk = (list, parent, path) => {
-    for (let i = 0; i < list.length; i++) {
-      const l = list[i];
-      if (l.id === id) return { layer: l, parent, index: i, path };
-      const c = childrenOf(l);
-      if (c) {
-        const g = l;
-        const hit = walk(c, g, [...path, g]);
-        if (hit) return hit;
-      }
-    }
-    return null;
-  };
-  return walk(layers, null, []);
-}
-function mapLayer(layers, id, fn) {
-  let changed = false;
-  const walk = (list) => {
-    let out = null;
-    for (let i = 0; i < list.length; i++) {
-      const l = list[i];
-      let next = l;
-      if (l.id === id) {
-        next = fn(l);
-        changed = true;
-      } else {
-        const c = childrenOf(l);
-        if (c) {
-          const children = walk(c);
-          if (children !== c) next = { ...l, children };
-        }
-      }
-      if (next !== l) {
-        if (!out) out = list.slice(0, i);
-        if (next) out.push(next);
-      } else if (out) out.push(l);
-    }
-    return _nullishCoalesce(out, () => ( list));
-  };
-  const result = walk(layers);
-  return changed ? result : layers;
-}
-function insertLayer(layers, layer, parentId, index) {
-  const put = (list) => {
-    const at = index === void 0 ? list.length : Math.max(0, Math.min(list.length, index));
-    const next = list.slice();
-    next.splice(at, 0, layer);
-    return next;
-  };
-  if (!parentId) return put(layers);
-  return mapLayer(layers, parentId, (g) => {
-    const c = childrenOf(g);
-    return c ? { ...g, children: put(c) } : g;
-  });
-}
-function isLayerLocked(layer, what) {
-  return Boolean(_optionalChain([layer, 'access', _27 => _27.locks, 'optionalAccess', _28 => _28.all]) || _optionalChain([layer, 'access', _29 => _29.locks, 'optionalAccess', _30 => _30[what]]));
-}
-
-// src/raster/compositor.ts
-var TILE_PIXELS = _chunk474IQG74cjs.TILE * _chunk474IQG74cjs.TILE;
-var TILE_BYTES = TILE_PIXELS * 4;
-function sameSig(a, b) {
-  if (!a || a.key !== b.key || a.refs.length !== b.refs.length) return false;
-  for (let i = 0; i < a.refs.length; i++) if (a.refs[i] !== b.refs[i]) return false;
-  return true;
-}
-function dirtyInTile(rects, tx, ty) {
-  let x0 = Infinity;
-  let y0 = Infinity;
-  let x1 = -Infinity;
-  let y1 = -Infinity;
-  const ox = tx * _chunk474IQG74cjs.TILE;
-  const oy = ty * _chunk474IQG74cjs.TILE;
-  for (const r of rects) {
-    const a = Math.max(ox, Math.floor(r.x));
-    const b = Math.max(oy, Math.floor(r.y));
-    const c = Math.min(ox + _chunk474IQG74cjs.TILE, Math.ceil(r.x + r.width));
-    const d = Math.min(oy + _chunk474IQG74cjs.TILE, Math.ceil(r.y + r.height));
-    if (c <= a || d <= b) continue;
-    x0 = Math.min(x0, a);
-    y0 = Math.min(y0, b);
-    x1 = Math.max(x1, c);
-    y1 = Math.max(y1, d);
-  }
-  return x0 === Infinity ? null : { x: x0, y: y0, width: x1 - x0, height: y1 - y0 };
-}
-function blendTile(dst, src, mode, alpha, coverage) {
-  if (!(alpha > 0)) return;
-  const normal = mode === "normal";
-  const pigment = mode === "pigment";
-  const lut = !normal && _chunkOLNIPTB3cjs.isSeparableBlendMode.call(void 0, mode) ? separableLut(mode) : null;
-  const cb = [0, 0, 0];
-  const cs = [0, 0, 0];
-  const n = dst.length;
-  for (let i = 0, p = 0; i < n; i += 4, p++) {
-    const sa = src[i + 3];
-    if (sa === 0) continue;
-    const k = coverage ? alpha * coverage[p] : alpha;
-    if (!(k > 0)) continue;
-    if (normal && sa === 255 && k >= 1) {
-      dst[i] = src[i];
-      dst[i + 1] = src[i + 1];
-      dst[i + 2] = src[i + 2];
-      dst[i + 3] = 255;
-      continue;
-    }
-    const as = sa / 255 * k;
-    const ab = dst[i + 3] / 255;
-    const ao = as + ab * (1 - as);
-    if (ao <= 0) {
-      dst[i] = dst[i + 1] = dst[i + 2] = dst[i + 3] = 0;
-      continue;
-    }
-    const d0 = dst[i];
-    const d1 = dst[i + 1];
-    const d2 = dst[i + 2];
-    if (pigment) {
-      _chunkOLNIPTB3cjs.mixPigment8.call(void 0, d0, d1, d2, src[i], src[i + 1], src[i + 2], as / ao, cb);
-      dst[i] = Math.round(cb[0] * 255);
-      dst[i + 1] = Math.round(cb[1] * 255);
-      dst[i + 2] = Math.round(cb[2] * 255);
-      dst[i + 3] = Math.round(ao * 255);
-      continue;
+    const d0 = dst[i];
+    const d1 = dst[i + 1];
+    const d2 = dst[i + 2];
+    if (pigment) {
+      _chunkOLNIPTB3cjs.mixPigment8.call(void 0, d0, d1, d2, src[i], src[i + 1], src[i + 2], as / ao, cb);
+      dst[i] = Math.round(cb[0] * 255);
+      dst[i + 1] = Math.round(cb[1] * 255);
+      dst[i + 2] = Math.round(cb[2] * 255);
+      dst[i + 3] = Math.round(ao * 255);
+      continue;
     }
     const b0 = d0 / 255;
     const b1 = d1 / 255;
@@ -2470,7 +2078,7 @@ function lerpTile(dst, before, alpha, coverage) {
   }
 }
 var ZERO_TILE = new Uint8ClampedArray(TILE_BYTES);
-var isGroup2 = (l) => l.type === "group";
+var isGroup = (l) => l.type === "group";
 var maskDepths = /* @__PURE__ */ new WeakMap();
 function maskDepth(surface) {
   let d = maskDepths.get(surface);
@@ -2562,7 +2170,7 @@ var RasterCompositor = (_class = class {
     const dirty = grow > 0 ? options.dirty.map((d) => inflateRect(d, grow)) : options.dirty;
     for (const { tx, ty } of _chunk474IQG74cjs.tilesInRect.call(void 0, rect)) {
       stats.tiles++;
-      const before = _optionalChain([this, 'access', _31 => _31.tiles, 'access', _32 => _32.get, 'call', _33 => _33(_chunk474IQG74cjs.tileKey.call(void 0, tx, ty)), 'optionalAccess', _34 => _34.result]);
+      const before = _optionalChain([this, 'access', _2 => _2.tiles, 'access', _3 => _3.get, 'call', _4 => _4(_chunk474IQG74cjs.tileKey.call(void 0, tx, ty)), 'optionalAccess', _5 => _5.result]);
       const data = this.compositeTile(layers, steps, tx, ty, stats, dirty ? dirtyInTile(dirty, tx, ty) : null);
       onTile(tx, ty, data, data !== before);
     }
@@ -2603,7 +2211,7 @@ var RasterCompositor = (_class = class {
     return {
       rect,
       maps,
-      blend: isGroup2(layer) ? layer.blend === "pass-through" ? "normal" : layer.blend : this.contentBlend(layer),
+      blend: isGroup(layer) ? layer.blend === "pass-through" ? "normal" : layer.blend : this.contentBlend(layer),
       opacity: layer.opacity,
       fillOpacity: this.isPixel(layer) ? _nullishCoalesce(layer.fillOpacity, () => ( 1)) : 1,
       canvas: { x: 0, y: 0, width: this.sources.width, height: this.sources.height },
@@ -2613,10 +2221,10 @@ var RasterCompositor = (_class = class {
   // --- Steps -------------------------------------------------------------------
   /** Pixel layers, and the layer kinds the profile composites like them. */
   isPixel(l) {
-    return l.type === "pixel" || (_nullishCoalesce(_optionalChain([this, 'access', _35 => _35.profile, 'access', _36 => _36.isPixelLike, 'optionalCall', _37 => _37(l)]), () => ( false)));
+    return l.type === "pixel" || (_nullishCoalesce(_optionalChain([this, 'access', _6 => _6.profile, 'access', _7 => _7.isPixelLike, 'optionalCall', _8 => _8(l)]), () => ( false)));
   }
   isFilter(l) {
-    return _nullishCoalesce(_optionalChain([this, 'access', _38 => _38.profile, 'access', _39 => _39.isFilterLayer, 'optionalCall', _40 => _40(l)]), () => ( false));
+    return _nullishCoalesce(_optionalChain([this, 'access', _9 => _9.profile, 'access', _10 => _10.isFilterLayer, 'optionalCall', _11 => _11(l)]), () => ( false));
   }
   /**
    * Groups a layer list into compositing steps: clipped layers join the nearest unclipped
@@ -2635,7 +2243,7 @@ var RasterCompositor = (_class = class {
       if (this.isFilter(layer)) {
         if (last && last.kind === "adjust") last.layers.push(layer);
         else steps.push({ kind: "adjust", layers: [layer] });
-      } else if (isGroup2(layer)) {
+      } else if (isGroup(layer)) {
         steps.push({ kind: "group", layer, clipped: [], steps: this.buildSteps(_nullishCoalesce(layer.children, () => ( []))) });
       } else {
         steps.push({ kind: "content", layer, clipped: [] });
@@ -2646,7 +2254,7 @@ var RasterCompositor = (_class = class {
   }
   /** The index of the top-level step that holds layer `id` (searching groups and clipped layers), or -1. */
   stepIndexOf(steps, id) {
-    const holds = (l) => l.id === id || isGroup2(l) && (_nullishCoalesce(l.children, () => ( []))).some(holds);
+    const holds = (l) => l.id === id || isGroup(l) && (_nullishCoalesce(l.children, () => ( []))).some(holds);
     return steps.findIndex((s) => s.kind === "adjust" ? s.layers.some(holds) : holds(s.layer) || s.clipped.some(holds));
   }
   /** Properties of a layer that change pixels, minus its surfaces (memoised per object). */
@@ -2655,9 +2263,10 @@ var RasterCompositor = (_class = class {
     if (key !== void 0) return key;
     const mask = layer.mask ? [layer.mask.enabled !== false, _nullishCoalesce(layer.mask.density, () => ( 1)), _nullishCoalesce(layer.mask.feather, () => ( 0)), layer.mask.defaultValue, _nullishCoalesce(layer.mask.source, () => ( null))] : null;
     const base = [layer.type, layer.id, layer.visible, layer.opacity, layer.blend, Boolean(layer.clipped), mask];
-    if (this.isPixel(layer)) base.push(_nullishCoalesce(_optionalChain([layer, 'access', _41 => _41.offset, 'optionalAccess', _42 => _42.x]), () => ( 0)), _nullishCoalesce(_optionalChain([layer, 'access', _43 => _43.offset, 'optionalAccess', _44 => _44.y]), () => ( 0)), _nullishCoalesce(layer.fillOpacity, () => ( 1)));
+    if (this.isPixel(layer)) base.push(_nullishCoalesce(_optionalChain([layer, 'access', _12 => _12.offset, 'optionalAccess', _13 => _13.x]), () => ( 0)), _nullishCoalesce(_optionalChain([layer, 'access', _14 => _14.offset, 'optionalAccess', _15 => _15.y]), () => ( 0)), _nullishCoalesce(layer.fillOpacity, () => ( 1)));
     if (this.hasEffects(layer)) base.push(effectsFingerprint(layer.effects));
-    const extra = _optionalChain([this, 'access', _45 => _45.profile, 'access', _46 => _46.layerKey, 'optionalCall', _47 => _47(layer)]);
+    if (layer.edge) base.push(layer.edge);
+    const extra = _optionalChain([this, 'access', _16 => _16.profile, 'access', _17 => _17.layerKey, 'optionalCall', _18 => _18(layer)]);
     if (extra !== void 0) base.push(extra);
     key = JSON.stringify(base);
     this.propsKeyCache.set(layer, key);
@@ -2794,7 +2403,7 @@ var RasterCompositor = (_class = class {
   }
   layerSig(layer, tx, ty) {
     if (this.isFilter(layer)) return { key: this.propsKey(layer), refs: this.maskRefs(layer, tx, ty, 0, 0) };
-    if (isGroup2(layer)) return this.groupSig(layer, this.buildSteps(_nullishCoalesce(layer.children, () => ( []))), tx, ty);
+    if (isGroup(layer)) return this.groupSig(layer, this.buildSteps(_nullishCoalesce(layer.children, () => ( []))), tx, ty);
     return this.contentSig(layer, tx, ty);
   }
   groupSig(group, steps, tx, ty) {
@@ -2824,7 +2433,7 @@ var RasterCompositor = (_class = class {
     const refs = [surface.defaultValue];
     const r = { x: tx * _chunk474IQG74cjs.TILE - dx, y: ty * _chunk474IQG74cjs.TILE - dy, width: _chunk474IQG74cjs.TILE, height: _chunk474IQG74cjs.TILE };
     for (const t of _chunk474IQG74cjs.tilesInRect.call(void 0, r)) refs.push(_nullishCoalesce(surface.getTile(t.tx, t.ty), () => ( null)));
-    refs.push(...this.maskRefs(layer, tx, ty, _nullishCoalesce(_optionalChain([layer, 'access', _48 => _48.offset, 'optionalAccess', _49 => _49.x]), () => ( 0)), _nullishCoalesce(_optionalChain([layer, 'access', _50 => _50.offset, 'optionalAccess', _51 => _51.y]), () => ( 0))));
+    refs.push(...this.maskRefs(layer, tx, ty, _nullishCoalesce(_optionalChain([layer, 'access', _19 => _19.offset, 'optionalAccess', _20 => _20.x]), () => ( 0)), _nullishCoalesce(_optionalChain([layer, 'access', _21 => _21.offset, 'optionalAccess', _22 => _22.y]), () => ( 0))));
     return { key, refs };
   }
   // --- Layer effects ------------------------------------------------------------
@@ -2854,7 +2463,7 @@ var RasterCompositor = (_class = class {
     this.fxContext = {
       light: _nullishCoalesce(sources.globalLight, () => ( DEFAULT_GLOBAL_LIGHT)),
       pattern: (id) => {
-        const p = _nullishCoalesce(_optionalChain([sources, 'access', _52 => _52.pattern, 'optionalCall', _53 => _53(id)]), () => ( builtinPattern(id)));
+        const p = _nullishCoalesce(_optionalChain([sources, 'access', _23 => _23.pattern, 'optionalCall', _24 => _24(id)]), () => ( builtinPattern(id)));
         if (!p || !(p.width > 0 && p.height > 0) || p.data.length < p.width * p.height * 4) return null;
         let t = tiles.get(p);
         if (!t) {
@@ -2884,7 +2493,7 @@ var RasterCompositor = (_class = class {
   shapeSigs(layer, region) {
     const sigs = /* @__PURE__ */ new Map();
     if (region.width <= 0 || region.height <= 0) return sigs;
-    const steps = isGroup2(layer) ? this.buildSteps(_nullishCoalesce(layer.children, () => ( []))) : null;
+    const steps = isGroup(layer) ? this.buildSteps(_nullishCoalesce(layer.children, () => ( []))) : null;
     for (const t of _chunk474IQG74cjs.tilesInRect.call(void 0, region)) {
       sigs.set(_chunk474IQG74cjs.tileKey.call(void 0, t.tx, t.ty), steps ? this.plainGroupSig(layer, steps, t.tx, t.ty) : this.plainContentSig(layer, t.tx, t.ty));
     }
@@ -2906,7 +2515,7 @@ var RasterCompositor = (_class = class {
    * laid out over the layer's bounds.
    */
   effectSig(layer, tx, ty) {
-    const key = (isGroup2(layer) ? "Gfx" : "Cfx") + this.propsKey(layer) + this.lightKey();
+    const key = (isGroup(layer) ? "Gfx" : "Cfx") + this.propsKey(layer) + this.lightKey();
     const region = this.effectRegion(layer);
     const m = effectsMargin(layer.effects);
     if (effectsAreLocal(activeEffectItems(layer.effects))) {
@@ -2982,7 +2591,7 @@ var RasterCompositor = (_class = class {
    * without filters or a feathered or parametric mask (those spread a change beyond it).
    */
   dirtyCoversShape(layer) {
-    if (!this.isPixel(layer) || _optionalChain([this, 'access', _54 => _54.profile, 'access', _55 => _55.pixelFilters, 'optionalCall', _56 => _56(layer)])) return false;
+    if (!this.isPixel(layer) || _optionalChain([this, 'access', _25 => _25.profile, 'access', _26 => _26.pixelFilters, 'optionalCall', _27 => _27(layer)])) return false;
     const mask = layer.mask;
     return !mask || mask.enabled === false || !mask.source && !((_nullishCoalesce(mask.feather, () => ( 0))) > 0);
   }
@@ -2999,7 +2608,7 @@ var RasterCompositor = (_class = class {
   /** A content or group layer's own pixels over `r` with its mask applied to alpha, or `null` when empty. */
   ownPixels(layer, r) {
     let rgba;
-    if (isGroup2(layer)) {
+    if (isGroup(layer)) {
       const buf = new Uint8ClampedArray(r.width * r.height * 4);
       rgba = this.runSteps(this.buildSteps(_nullishCoalesce(layer.children, () => ( []))), buf, true, r) ? null : buf;
     } else {
@@ -3033,7 +2642,7 @@ var RasterCompositor = (_class = class {
     const content = _nullishCoalesce(this.ownPixels(layer, a), () => ( new Uint8ClampedArray(a.width * a.height * 4)));
     if (clipped.length) this.applyClipped(clipped, content, a);
     const keep = keepAlpha ? sub.filter((_, i) => (i & 3) === 3) : null;
-    const blend2 = isGroup2(layer) ? layer.blend === "pass-through" ? "normal" : layer.blend : this.contentBlend(layer);
+    const blend2 = isGroup(layer) ? layer.blend === "pass-through" ? "normal" : layer.blend : this.contentBlend(layer);
     compositeLayerEffects({
       backdrop: sub,
       content,
@@ -3070,10 +2679,10 @@ var RasterCompositor = (_class = class {
    */
   layerPixels(layer) {
     const raw = this.sources.surfaceOf ? this.sources.surfaceOf(layer) : layer.surface;
-    const ox = _nullishCoalesce(_optionalChain([layer, 'access', _57 => _57.offset, 'optionalAccess', _58 => _58.x]), () => ( 0));
-    const oy = _nullishCoalesce(_optionalChain([layer, 'access', _59 => _59.offset, 'optionalAccess', _60 => _60.y]), () => ( 0));
-    const filters = _nullishCoalesce(_optionalChain([this, 'access', _61 => _61.profile, 'access', _62 => _62.pixelFilters, 'optionalCall', _63 => _63(layer)]), () => ( null));
-    if (!_optionalChain([filters, 'optionalAccess', _64 => _64.spatial])) return { surface: raw, dx: ox, dy: oy, perPixel: filters };
+    const ox = _nullishCoalesce(_optionalChain([layer, 'access', _28 => _28.offset, 'optionalAccess', _29 => _29.x]), () => ( 0));
+    const oy = _nullishCoalesce(_optionalChain([layer, 'access', _30 => _30.offset, 'optionalAccess', _31 => _31.y]), () => ( 0));
+    const filters = _nullishCoalesce(_optionalChain([this, 'access', _32 => _32.profile, 'access', _33 => _33.pixelFilters, 'optionalCall', _34 => _34(layer)]), () => ( null));
+    if (!_optionalChain([filters, 'optionalAccess', _35 => _35.spatial])) return { surface: raw, dx: ox, dy: oy, perPixel: filters };
     const fkey = `${ox},${oy}:${filters.key}`;
     let byKey = this.filteredCache.get(raw);
     if (!byKey) {
@@ -3090,7 +2699,7 @@ var RasterCompositor = (_class = class {
   }
   /** RGBA of a content layer over `r` (document space, inside one tile), or `null` when it has nothing there. */
   contentTile(layer, r) {
-    if (!this.isPixel(layer)) return _nullishCoalesce(_optionalChain([this, 'access', _65 => _65.profile, 'access', _66 => _66.contentTile, 'optionalCall', _67 => _67(layer, r, this.sources)]), () => ( null));
+    if (!this.isPixel(layer)) return _nullishCoalesce(_optionalChain([this, 'access', _36 => _36.profile, 'access', _37 => _37.contentTile, 'optionalCall', _38 => _38(layer, r, this.sources)]), () => ( null));
     const { surface, dx, dy, perPixel } = this.layerPixels(layer);
     const src = { x: r.x - dx, y: r.y - dy, width: r.width, height: r.height };
     const covered = _chunk474IQG74cjs.tilesInRect.call(void 0, src).map((t) => surface.getTile(t.tx, t.ty));
@@ -3105,7 +2714,7 @@ var RasterCompositor = (_class = class {
     let byKey = this.contentCache.get(anchor);
     const refsKey = `${r.x},${r.y}:${fkey}`;
     if (aligned) {
-      const hit = _optionalChain([byKey, 'optionalAccess', _68 => _68.get, 'call', _69 => _69(refsKey)]);
+      const hit = _optionalChain([byKey, 'optionalAccess', _39 => _39.get, 'call', _40 => _40(refsKey)]);
       if (hit) return hit;
     }
     const data = _chunk474IQG74cjs.readRegion.call(void 0, surface, src);
@@ -3119,93 +2728,283 @@ var RasterCompositor = (_class = class {
     }
     return data;
   }
-  // --- Masks -------------------------------------------------------------------
-  planeKey(mask, ox, oy) {
-    const W = this.sources.width;
-    const H = this.sources.height;
-    let id = this.planeIds.get(mask.surface);
-    if (id === void 0) {
-      id = this.nextPlaneId++;
-      this.planeIds.set(mask.surface, id);
-    }
-    return `${id}:${ox},${oy}:${W}x${H}:${_nullishCoalesce(mask.feather, () => ( 0))}:${_nullishCoalesce(mask.density, () => ( 1))}:${mask.source ? JSON.stringify(mask.source) : ""}`;
+  // --- Masks -------------------------------------------------------------------
+  planeKey(mask, ox, oy) {
+    const W = this.sources.width;
+    const H = this.sources.height;
+    let id = this.planeIds.get(mask.surface);
+    if (id === void 0) {
+      id = this.nextPlaneId++;
+      this.planeIds.set(mask.surface, id);
+    }
+    return `${id}:${ox},${oy}:${W}x${H}:${_nullishCoalesce(mask.feather, () => ( 0))}:${_nullishCoalesce(mask.density, () => ( 1))}:${mask.source ? JSON.stringify(mask.source) : ""}`;
+  }
+  /** Canvas-sized coverage of a feathered or parametric mask (cached). */
+  planeFor(mask, ox, oy) {
+    const key = this.planeKey(mask, ox, oy);
+    let plane = this.planeCache.get(key);
+    if (plane) {
+      this.planeCache.delete(key);
+      this.planeCache.set(key, plane);
+      return plane;
+    }
+    const W = this.sources.width;
+    const H = this.sources.height;
+    let v = new Float32Array(W * H);
+    if (mask.source) {
+      const generated = _nullishCoalesce(_optionalChain([this, 'access', _41 => _41.profile, 'access', _42 => _42.maskSourcePlane, 'optionalCall', _43 => _43(mask.source, W, H, this.sources)]), () => ( null));
+      if (!generated || generated.length !== W * H) v.fill(1);
+      else v.set(generated);
+    } else {
+      const bytes = _chunk474IQG74cjs.readRegion.call(void 0, mask.surface, { x: -ox, y: -oy, width: W, height: H });
+      for (let i = 0; i < v.length; i++) v[i] = bytes[i] / 255;
+    }
+    const feather = _nullishCoalesce(mask.feather, () => ( 0));
+    if (feather > 0) v = _chunkK6PXS6DOcjs.gaussianBlur.call(void 0, v, W, H, feather, "clamp");
+    const density = _nullishCoalesce(mask.density, () => ( 1));
+    if (density !== 1) for (let i = 0; i < v.length; i++) v[i] = 1 - density * (1 - v[i]);
+    plane = { data: v, width: W, height: H };
+    this.planeCache.set(key, plane);
+    while (this.planeCache.size > 8) this.planeCache.delete(this.planeCache.keys().next().value);
+    return plane;
+  }
+  maskTile(layer, r) {
+    const mask = layer.mask;
+    if (!mask || mask.enabled === false) return null;
+    const ox = this.isPixel(layer) ? _nullishCoalesce(_optionalChain([layer, 'access', _44 => _44.offset, 'optionalAccess', _45 => _45.x]), () => ( 0)) : 0;
+    const oy = this.isPixel(layer) ? _nullishCoalesce(_optionalChain([layer, 'access', _46 => _46.offset, 'optionalAccess', _47 => _47.y]), () => ( 0)) : 0;
+    const n = r.width * r.height;
+    const out = new Float32Array(n);
+    const density = _nullishCoalesce(mask.density, () => ( 1));
+    if (mask.source || (_nullishCoalesce(mask.feather, () => ( 0))) > 0) {
+      const plane = this.planeFor(mask, ox, oy);
+      const W = plane.width;
+      const H = plane.height;
+      const outside = mask.source ? 1 : 1 - density * (1 - mask.defaultValue / 255);
+      out.fill(outside);
+      const x0 = Math.max(0, r.x);
+      const y0 = Math.max(0, r.y);
+      const x1 = Math.min(W, r.x + r.width);
+      const y1 = Math.min(H, r.y + r.height);
+      for (let y = y0; y < y1; y++) {
+        const s = y * W;
+        const d = (y - r.y) * r.width - r.x;
+        for (let x = x0; x < x1; x++) out[d + x] = plane.data[s + x];
+      }
+    } else {
+      const rect = { x: r.x - ox, y: r.y - oy, width: r.width, height: r.height };
+      let all = true;
+      if (maskDepth(mask.surface) !== 8) {
+        const d = _chunkOLNIPTB3cjs.readDeepRegion.call(void 0, mask.surface, rect, 32);
+        for (let i = 0; i < n; i++) {
+          const v = d[i] <= 0 ? 0 : d[i] >= 1 ? 1 : d[i];
+          out[i] = v;
+          if (v !== 1) all = false;
+        }
+      } else {
+        const bytes = _chunk474IQG74cjs.readRegion.call(void 0, mask.surface, rect);
+        for (let i = 0; i < n; i++) {
+          out[i] = bytes[i] / 255;
+          if (bytes[i] !== 255) all = false;
+        }
+      }
+      if (all) return null;
+      if (density !== 1) for (let i = 0; i < n; i++) out[i] = 1 - density * (1 - out[i]);
+    }
+    return out;
+  }
+  // --- Running steps ---------------------------------------------------------
+  /** Runs one step onto `acc`; returns whether `acc` is still empty. */
+  runStep(step, acc, empty, r) {
+    if (step.kind === "adjust") {
+      if (empty) return true;
+      this.applyFilterRun(step.layers, acc, r);
+      return false;
+    }
+    const layer = step.layer;
+    if (!layer.visible) return empty;
+    const clipped = step.clipped.filter((l) => l.visible);
+    if (this.hasEffects(layer)) return this.runEffectStep(layer, clipped, acc, empty, r);
+    const coverage = this.maskTile(layer, r);
+    if (coverage && coverage.every((v) => v <= 0)) return empty;
+    if (step.kind === "group") {
+      if (layer.blend === "pass-through" && !clipped.length) {
+        if (layer.opacity >= 1 && !coverage) return this.runSteps(step.steps, acc, empty, r);
+        const before = new Uint8ClampedArray(acc);
+        const stillEmpty = this.runSteps(step.steps, acc, empty, r);
+        lerpTile(acc, before, layer.opacity, coverage);
+        return empty && stillEmpty;
+      }
+      const buf2 = new Uint8ClampedArray(acc.length);
+      if (this.runSteps(step.steps, buf2, true, r)) return empty;
+      this.applyClipped(clipped, buf2, r);
+      const mode = layer.blend === "pass-through" ? "normal" : layer.blend;
+      return this.blendOnto(acc, buf2, empty, mode, layer.opacity, coverage);
+    }
+    let content = this.contentTile(step.layer, r);
+    if (!content) return empty;
+    const ambient = _nullishCoalesce(_optionalChain([layer, 'access', _48 => _48.edge, 'optionalAccess', _49 => _49.ambient]), () => ( 0));
+    if (ambient > 0 && (!empty || _optionalChain([layer, 'access', _50 => _50.edge, 'optionalAccess', _51 => _51.ambientColor]))) {
+      content = new Uint8ClampedArray(content);
+      applyEdgeAmbient(content, acc, coverage, ambient, _nullishCoalesce(_optionalChain([layer, 'access', _52 => _52.edge, 'optionalAccess', _53 => _53.ambientColor]), () => ( null)), 255);
+    }
+    const fill2 = this.isPixel(step.layer) ? _nullishCoalesce(step.layer.fillOpacity, () => ( 1)) : 1;
+    const blend2 = this.contentBlend(step.layer);
+    if (!clipped.length) return this.blendOnto(acc, content, empty, blend2, layer.opacity * fill2, coverage);
+    const buf = new Uint8ClampedArray(acc.length);
+    blendTile(buf, content, "normal", fill2, coverage);
+    this.applyClipped(clipped, buf, r);
+    return this.blendOnto(acc, buf, empty, blend2, layer.opacity, null);
+  }
+  runSteps(steps, acc, empty, r) {
+    for (const s of steps) empty = this.runStep(s, acc, empty, r);
+    return empty;
+  }
+  contentBlend(layer) {
+    return _nullishCoalesce(_optionalChain([this, 'access', _54 => _54.profile, 'access', _55 => _55.contentBlend, 'optionalCall', _56 => _56(layer)]), () => ( layer.blend));
+  }
+  blendOnto(acc, src, empty, mode, alpha, coverage) {
+    if (!(alpha > 0)) return empty;
+    if (empty && mode === "normal" && alpha >= 1 && !coverage) {
+      acc.set(src);
+      return false;
+    }
+    blendTile(acc, src, mode, alpha, coverage);
+    return false;
+  }
+  applyClipped(clipped, buf, r) {
+    let run = [];
+    const flush = () => {
+      if (run.length) this.applyFilterRun(run, buf, r);
+      run = [];
+    };
+    for (const c of clipped) {
+      if (this.isFilter(c)) {
+        run.push(c);
+        continue;
+      }
+      flush();
+      if (this.hasEffects(c) && !isGroup(c)) {
+        this.compositeEffects(c, [], buf, r, true);
+        continue;
+      }
+      const coverage = this.maskTile(c, r);
+      if (isGroup(c)) {
+        const inner = new Uint8ClampedArray(buf.length);
+        if (this.runSteps(this.buildSteps(_nullishCoalesce(c.children, () => ( []))), inner, true, r)) continue;
+        const mode = c.blend === "pass-through" ? "normal" : c.blend;
+        blendAtop(buf, inner, mode, c.opacity, coverage);
+        continue;
+      }
+      const content = this.contentTile(c, r);
+      if (!content) continue;
+      const fill2 = this.isPixel(c) ? _nullishCoalesce(c.fillOpacity, () => ( 1)) : 1;
+      blendAtop(buf, content, this.contentBlend(c), c.opacity * fill2, coverage);
+    }
+    flush();
+  }
+  applyFilterRun(layers, acc, r) {
+    const visible = [];
+    let masks;
+    for (const node of layers) {
+      if (!node.visible) continue;
+      const cov = this.maskTile(node, r);
+      if (cov) {
+        if (cov.every((v) => v <= 0)) continue;
+        (masks ??= /* @__PURE__ */ new Map()).set(node.id, cov);
+      }
+      visible.push(node);
+    }
+    if (visible.length) _optionalChain([this, 'access', _57 => _57.profile, 'access', _58 => _58.applyFilterRun, 'optionalCall', _59 => _59(visible, acc, r, masks, this.sources)]);
+  }
+}, _class);
+function filterOverCanvas(surface, ox, oy, filters, width, height) {
+  if (width <= 0 || height <= 0) return _chunk474IQG74cjs.emptySurface.call(void 0, 4);
+  const data = _chunk474IQG74cjs.readRegion.call(void 0, surface, { x: -ox, y: -oy, width, height });
+  filters.apply(data, width, height);
+  return _chunk474IQG74cjs.surfaceFromPixels.call(void 0, { width, height, data }, 4, 0, 0);
+}
+function copyRect(data, r, a) {
+  const out = new Uint8ClampedArray(a.width * a.height * 4);
+  for (let y = 0; y < a.height; y++) {
+    const s = ((a.y - r.y + y) * r.width + (a.x - r.x)) * 4;
+    out.set(data.subarray(s, s + a.width * 4), y * a.width * 4);
+  }
+  return out;
+}
+function pasteRect(data, r, part, a) {
+  for (let y = 0; y < a.height; y++) data.set(part.subarray(y * a.width * 4, (y + 1) * a.width * 4), ((a.y - r.y + y) * r.width + (a.x - r.x)) * 4);
+}
+function sameRect(a, b) {
+  return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
+}
+function inflateRect(r, m) {
+  return { x: r.x - m, y: r.y - m, width: r.width + 2 * m, height: r.height + 2 * m };
+}
+function intersectRect(a, b) {
+  const x0 = Math.max(a.x, b.x);
+  const y0 = Math.max(a.y, b.y);
+  const x1 = Math.min(a.x + a.width, b.x + b.width);
+  const y1 = Math.min(a.y + a.height, b.y + b.height);
+  return x1 <= x0 || y1 <= y0 ? { x: x0, y: y0, width: 0, height: 0 } : { x: x0, y: y0, width: x1 - x0, height: y1 - y0 };
+}
+function changedTiles(a, b) {
+  const out = [];
+  for (const [k, t] of b.tiles) if (a.tiles.get(k) !== t) out.push(k);
+  for (const k of a.tiles.keys()) if (!b.tiles.has(k)) out.push(k);
+  return out;
+}
+
+// src/raster/deep-compositor.ts
+var isGroup2 = (l) => l.type === "group";
+var DeepCompositor = class {
+  constructor(base, profile, deep, depth) {
+    this.base = base;
+    this.profile = profile;
+    this.deep = deep;
+    this.depth = depth;
+    this.linear = depth === 32;
+  }
+  
+  
+  
+  
+  
+  
+  /** The composite of `layers` over `rect` as float RGBA in the working space (`rect.width × rect.height × 4`). */
+  composite(layers, rect, sources) {
+    this.sources = sources;
+    const acc = new Float32Array(Math.max(0, rect.width * rect.height * 4));
+    if (rect.width > 0 && rect.height > 0) this.runSteps(this.buildSteps(layers), acc, true, rect);
+    return acc;
+  }
+  // --- Steps (as RasterCompositor.buildSteps) ------------------------------------
+  isPixel(l) {
+    return l.type === "pixel" || (_nullishCoalesce(_optionalChain([this, 'access', _60 => _60.profile, 'access', _61 => _61.isPixelLike, 'optionalCall', _62 => _62(l)]), () => ( false)));
   }
-  /** Canvas-sized coverage of a feathered or parametric mask (cached). */
-  planeFor(mask, ox, oy) {
-    const key = this.planeKey(mask, ox, oy);
-    let plane = this.planeCache.get(key);
-    if (plane) {
-      this.planeCache.delete(key);
-      this.planeCache.set(key, plane);
-      return plane;
-    }
-    const W = this.sources.width;
-    const H = this.sources.height;
-    let v = new Float32Array(W * H);
-    if (mask.source) {
-      const generated = _nullishCoalesce(_optionalChain([this, 'access', _70 => _70.profile, 'access', _71 => _71.maskSourcePlane, 'optionalCall', _72 => _72(mask.source, W, H, this.sources)]), () => ( null));
-      if (!generated || generated.length !== W * H) v.fill(1);
-      else v.set(generated);
-    } else {
-      const bytes = _chunk474IQG74cjs.readRegion.call(void 0, mask.surface, { x: -ox, y: -oy, width: W, height: H });
-      for (let i = 0; i < v.length; i++) v[i] = bytes[i] / 255;
-    }
-    const feather = _nullishCoalesce(mask.feather, () => ( 0));
-    if (feather > 0) v = _chunkK6PXS6DOcjs.gaussianBlur.call(void 0, v, W, H, feather, "clamp");
-    const density = _nullishCoalesce(mask.density, () => ( 1));
-    if (density !== 1) for (let i = 0; i < v.length; i++) v[i] = 1 - density * (1 - v[i]);
-    plane = { data: v, width: W, height: H };
-    this.planeCache.set(key, plane);
-    while (this.planeCache.size > 8) this.planeCache.delete(this.planeCache.keys().next().value);
-    return plane;
+  isFilter(l) {
+    return _nullishCoalesce(_optionalChain([this, 'access', _63 => _63.profile, 'access', _64 => _64.isFilterLayer, 'optionalCall', _65 => _65(l)]), () => ( false));
   }
-  maskTile(layer, r) {
-    const mask = layer.mask;
-    if (!mask || mask.enabled === false) return null;
-    const ox = this.isPixel(layer) ? _nullishCoalesce(_optionalChain([layer, 'access', _73 => _73.offset, 'optionalAccess', _74 => _74.x]), () => ( 0)) : 0;
-    const oy = this.isPixel(layer) ? _nullishCoalesce(_optionalChain([layer, 'access', _75 => _75.offset, 'optionalAccess', _76 => _76.y]), () => ( 0)) : 0;
-    const n = r.width * r.height;
-    const out = new Float32Array(n);
-    const density = _nullishCoalesce(mask.density, () => ( 1));
-    if (mask.source || (_nullishCoalesce(mask.feather, () => ( 0))) > 0) {
-      const plane = this.planeFor(mask, ox, oy);
-      const W = plane.width;
-      const H = plane.height;
-      const outside = mask.source ? 1 : 1 - density * (1 - mask.defaultValue / 255);
-      out.fill(outside);
-      const x0 = Math.max(0, r.x);
-      const y0 = Math.max(0, r.y);
-      const x1 = Math.min(W, r.x + r.width);
-      const y1 = Math.min(H, r.y + r.height);
-      for (let y = y0; y < y1; y++) {
-        const s = y * W;
-        const d = (y - r.y) * r.width - r.x;
-        for (let x = x0; x < x1; x++) out[d + x] = plane.data[s + x];
-      }
-    } else {
-      const rect = { x: r.x - ox, y: r.y - oy, width: r.width, height: r.height };
-      let all = true;
-      if (maskDepth(mask.surface) !== 8) {
-        const d = _chunkOLNIPTB3cjs.readDeepRegion.call(void 0, mask.surface, rect, 32);
-        for (let i = 0; i < n; i++) {
-          const v = d[i] <= 0 ? 0 : d[i] >= 1 ? 1 : d[i];
-          out[i] = v;
-          if (v !== 1) all = false;
-        }
-      } else {
-        const bytes = _chunk474IQG74cjs.readRegion.call(void 0, mask.surface, rect);
-        for (let i = 0; i < n; i++) {
-          out[i] = bytes[i] / 255;
-          if (bytes[i] !== 255) all = false;
-        }
+  buildSteps(layers) {
+    const steps = [];
+    for (const layer of layers) {
+      const last = steps[steps.length - 1];
+      if (layer.clipped && last && (last.kind === "content" || last.kind === "group")) {
+        last.clipped.push(layer);
+        continue;
       }
-      if (all) return null;
-      if (density !== 1) for (let i = 0; i < n; i++) out[i] = 1 - density * (1 - out[i]);
+      if (this.isFilter(layer)) {
+        if (last && last.kind === "adjust") last.layers.push(layer);
+        else steps.push({ kind: "adjust", layers: [layer] });
+      } else if (isGroup2(layer)) steps.push({ kind: "group", layer, clipped: [], steps: this.buildSteps(_nullishCoalesce(layer.children, () => ( []))) });
+      else steps.push({ kind: "content", layer, clipped: [] });
     }
-    return out;
+    return steps;
+  }
+  runSteps(steps, acc, empty, r) {
+    for (const s of steps) empty = this.runStep(s, acc, empty, r);
+    return empty;
   }
-  // --- Running steps ---------------------------------------------------------
-  /** Runs one step onto `acc`; returns whether `acc` is still empty. */
   runStep(step, acc, empty, r) {
     if (step.kind === "adjust") {
       if (empty) return true;
@@ -3215,131 +3014,368 @@ var RasterCompositor = (_class = class {
     const layer = step.layer;
     if (!layer.visible) return empty;
     const clipped = step.clipped.filter((l) => l.visible);
-    if (this.hasEffects(layer)) return this.runEffectStep(layer, clipped, acc, empty, r);
-    const coverage = this.maskTile(layer, r);
+    if ((step.kind === "content" || step.kind === "group") && this.deepEffects(layer)) return this.runEffects(layer, clipped, acc, r, step.kind === "group" ? step.steps : null) ? false : empty;
+    const coverage = this.renderedAlone(layer) ? null : this.base.maskCoverage(layer, r, this.sources);
     if (coverage && coverage.every((v) => v <= 0)) return empty;
-    if (step.kind === "group") {
+    if (step.kind === "group" && !this.renderedAlone(layer)) {
       if (layer.blend === "pass-through" && !clipped.length) {
         if (layer.opacity >= 1 && !coverage) return this.runSteps(step.steps, acc, empty, r);
-        const before = new Uint8ClampedArray(acc);
+        const before = acc.slice();
         const stillEmpty = this.runSteps(step.steps, acc, empty, r);
-        lerpTile(acc, before, layer.opacity, coverage);
+        lerp(acc, before, layer.opacity, coverage);
         return empty && stillEmpty;
       }
-      const buf2 = new Uint8ClampedArray(acc.length);
-      if (this.runSteps(step.steps, buf2, true, r)) return empty;
-      this.applyClipped(clipped, buf2, r);
-      const mode = layer.blend === "pass-through" ? "normal" : layer.blend;
-      return this.blendOnto(acc, buf2, empty, mode, layer.opacity, coverage);
+      const buf2 = new Float32Array(acc.length);
+      if (this.runSteps(step.steps, buf2, true, r)) return empty;
+      this.applyClipped(clipped, buf2, r);
+      const mode2 = layer.blend === "pass-through" ? "normal" : layer.blend;
+      this.blend(acc, buf2, mode2, layer.opacity, coverage);
+      return false;
+    }
+    const content = this.content(layer, r);
+    if (!content) return empty;
+    const ambient = _nullishCoalesce(_optionalChain([layer, 'access', _66 => _66.edge, 'optionalAccess', _67 => _67.ambient]), () => ( 0));
+    if (ambient > 0) {
+      const c = _optionalChain([layer, 'access', _68 => _68.edge, 'optionalAccess', _69 => _69.ambientColor]);
+      const color2 = c ? c.map((v) => this.linear ? _chunkOLNIPTB3cjs.srgbDecode.call(void 0, v / 255) : v / 255) : null;
+      if (color2 || !empty) applyEdgeAmbient(content, acc, coverage, ambient, color2, 1);
+    }
+    const alone = this.renderedAlone(layer);
+    const fill2 = !alone && this.isPixel(layer) ? _nullishCoalesce(layer.fillOpacity, () => ( 1)) : 1;
+    const mode = this.blendOf(layer);
+    if (!clipped.length) {
+      this.blend(acc, content, mode, layer.opacity * fill2, coverage);
+      return false;
+    }
+    const buf = new Float32Array(acc.length);
+    this.blend(buf, content, "normal", fill2, coverage);
+    this.applyClipped(clipped, buf, r);
+    this.blend(acc, buf, mode, layer.opacity, null);
+    return false;
+  }
+  /**
+   * A pixel layer with effects onto `acc` over `r`: its deep content (filters, mask, clipped
+   * layers) and the effects composited in float. Effect maps come from the 8-bit shape. At 32
+   * bits the effects composite in sRGB-encoded values (their colours and blends are defined
+   * there) and the result is decoded back. Returns whether anything was drawn.
+   */
+  runEffects(layer, clipped, acc, r, groupSteps = null) {
+    const fx = this.base.effectsInput(layer, r, this.sources);
+    if (!fx) return false;
+    const a = fx.rect;
+    let content;
+    if (groupSteps) {
+      content = new Float32Array(a.width * a.height * 4);
+      this.runSteps(groupSteps, content, true, a);
+    } else content = _nullishCoalesce(this.content(layer, a), () => ( new Float32Array(a.width * a.height * 4)));
+    const coverage = this.base.maskCoverage(layer, a, this.sources);
+    if (coverage) for (let i = 0; i < coverage.length; i++) content[i * 4 + 3] *= coverage[i];
+    if (clipped.length) this.applyClipped(clipped, content, a);
+    const sub = new Float32Array(a.width * a.height * 4);
+    for (let y = 0; y < a.height; y++) {
+      const s = ((a.y - r.y + y) * r.width + (a.x - r.x)) * 4;
+      sub.set(acc.subarray(s, s + a.width * 4), y * a.width * 4);
+    }
+    if (this.linear) {
+      encodeInPlace(sub);
+      encodeInPlace(content);
+    }
+    compositeLayerEffects({ ...fx, backdrop: sub, content });
+    if (this.linear) decodeInPlace(sub);
+    for (let y = 0; y < a.height; y++) acc.set(sub.subarray(y * a.width * 4, (y + 1) * a.width * 4), ((a.y - r.y + y) * r.width + (a.x - r.x)) * 4);
+    return true;
+  }
+  applyClipped(clipped, buf, r) {
+    let run = [];
+    const flush = () => {
+      if (run.length) this.applyFilterRun(run, buf, r);
+      run = [];
+    };
+    for (const c of clipped) {
+      if (this.isFilter(c)) {
+        run.push(c);
+        continue;
+      }
+      flush();
+      const alone = this.renderedAlone(c);
+      const coverage = alone ? null : this.base.maskCoverage(c, r, this.sources);
+      let src;
+      if (isGroup2(c) && !alone) {
+        src = new Float32Array(buf.length);
+        if (this.runSteps(this.buildSteps(_nullishCoalesce(c.children, () => ( []))), src, true, r)) continue;
+      } else src = this.content(c, r);
+      if (!src) continue;
+      const fill2 = !alone && this.isPixel(c) ? _nullishCoalesce(c.fillOpacity, () => ( 1)) : 1;
+      const keep = new Float32Array(buf.length >> 2);
+      for (let i = 3, p = 0; i < buf.length; i += 4, p++) keep[p] = buf[i];
+      this.blend(buf, src, c.blend === "pass-through" ? "normal" : this.blendOf(c), c.opacity * fill2, coverage);
+      for (let i = 3, p = 0; i < buf.length; i += 4, p++) buf[i] = keep[p];
+    }
+    flush();
+  }
+  applyFilterRun(layers, acc, r) {
+    const visible = [];
+    let masks;
+    for (const node of layers) {
+      if (!node.visible) continue;
+      const cov = this.base.maskCoverage(node, r, this.sources);
+      if (cov) {
+        if (cov.every((v) => v <= 0)) continue;
+        (masks ??= /* @__PURE__ */ new Map()).set(node.id, cov);
+      }
+      visible.push(node);
+    }
+    if (!visible.length) return;
+    if (this.deep.applyFilterRunDeep) {
+      if (this.linear) mapColour(acc, _chunkOLNIPTB3cjs.srgbEncode);
+      this.deep.applyFilterRunDeep(visible, acc, r, masks, this.sources);
+      if (this.linear) mapColour(acc, _chunkOLNIPTB3cjs.srgbDecode);
+      return;
+    }
+    const bytes = this.to8(acc);
+    _optionalChain([this, 'access', _70 => _70.profile, 'access', _71 => _71.applyFilterRun, 'optionalCall', _72 => _72(visible, bytes, r, masks, this.sources)]);
+    acc.set(this.from8(bytes));
+  }
+  // --- Layer content ---------------------------------------------------------------
+  /** Layers drawn by the 8-bit compositor alone (effects, pixel filters, content the editor draws). */
+  /** A pixel(-like) layer or a group with effects: composited in float through `compositeLayerEffects`. */
+  deepEffects(layer) {
+    return hasActiveEffects(layer.effects) && !this.isFilter(layer) && (isGroup2(layer) || this.isPixel(layer));
+  }
+  renderedAlone(layer) {
+    if (hasActiveEffects(layer.effects) && !this.isFilter(layer) && !this.deepEffects(layer)) return true;
+    if (this.isPixel(layer)) return Boolean(_optionalChain([this, 'access', _73 => _73.profile, 'access', _74 => _74.pixelFilters, 'optionalCall', _75 => _75(layer)])) && !_optionalChain([this, 'access', _76 => _76.deep, 'access', _77 => _77.pixelFiltersDeep, 'optionalCall', _78 => _78(layer)]);
+    return !isGroup2(layer);
+  }
+  blendOf(layer) {
+    return _nullishCoalesce(_optionalChain([this, 'access', _79 => _79.profile, 'access', _80 => _80.contentBlend, 'optionalCall', _81 => _81(layer)]), () => ( layer.blend));
+  }
+  /** A layer's float RGBA over `r` (straight alpha, working space), or `null` when it has none there. */
+  content(layer, r) {
+    if (this.renderedAlone(layer)) {
+      const edge = _optionalChain([layer, 'access', _82 => _82.edge, 'optionalAccess', _83 => _83.ambient]) ? { ...layer.edge, ambient: 0 } : layer.edge;
+      const solo = { ...layer, blend: isGroup2(layer) && layer.blend === "pass-through" ? "pass-through" : "normal", opacity: 1, clipped: false, edge };
+      const bytes = this.base.composite([solo], r, this.sources);
+      return this.from8(bytes);
+    }
+    const surface = this.sources.surfaceOf ? this.sources.surfaceOf(layer) : layer.surface;
+    if (!surface) return null;
+    const ox = _nullishCoalesce(_optionalChain([layer, 'access', _84 => _84.offset, 'optionalAccess', _85 => _85.x]), () => ( 0));
+    const oy = _nullishCoalesce(_optionalChain([layer, 'access', _86 => _86.offset, 'optionalAccess', _87 => _87.y]), () => ( 0));
+    const filters = this.isPixel(layer) ? _nullishCoalesce(_optionalChain([this, 'access', _88 => _88.deep, 'access', _89 => _89.pixelFiltersDeep, 'optionalCall', _90 => _90(layer)]), () => ( null)) : null;
+    if (!filters) return this.samples(surface, { x: r.x - ox, y: r.y - oy, width: r.width, height: r.height });
+    const m = filters.reach;
+    const W = this.sources.width;
+    const H = this.sources.height;
+    const x0 = m ? Math.max(0, r.x - m) : r.x;
+    const y0 = m ? Math.max(0, r.y - m) : r.y;
+    const x1 = m ? Math.min(W, r.x + r.width + m) : r.x + r.width;
+    const y1 = m ? Math.min(H, r.y + r.height + m) : r.y + r.height;
+    if (x1 <= x0 || y1 <= y0) return new Float32Array(r.width * r.height * 4);
+    const big = { x: x0, y: y0, width: x1 - x0, height: y1 - y0 };
+    const data = this.samples(surface, { ...big, x: big.x - ox, y: big.y - oy });
+    filters.apply(data, big.width, big.height, this.linear);
+    if (big.x === r.x && big.y === r.y && big.width === r.width && big.height === r.height) return data;
+    const out = new Float32Array(r.width * r.height * 4);
+    for (let y = 0; y < r.height; y++) {
+      const sy = r.y + y - big.y;
+      if (sy < 0 || sy >= big.height) continue;
+      for (let x = 0; x < r.width; x++) {
+        const sx = r.x + x - big.x;
+        if (sx < 0 || sx >= big.width) continue;
+        const s = (sy * big.width + sx) * 4;
+        const d = (y * r.width + x) * 4;
+        out[d] = data[s];
+        out[d + 1] = data[s + 1];
+        out[d + 2] = data[s + 2];
+        out[d + 3] = data[s + 3];
+      }
     }
-    const content = this.contentTile(step.layer, r);
-    if (!content) return empty;
-    const fill2 = this.isPixel(step.layer) ? _nullishCoalesce(step.layer.fillOpacity, () => ( 1)) : 1;
-    const blend2 = this.contentBlend(step.layer);
-    if (!clipped.length) return this.blendOnto(acc, content, empty, blend2, layer.opacity * fill2, coverage);
-    const buf = new Uint8ClampedArray(acc.length);
-    blendTile(buf, content, "normal", fill2, coverage);
-    this.applyClipped(clipped, buf, r);
-    return this.blendOnto(acc, buf, empty, blend2, layer.opacity, null);
+    return out;
   }
-  runSteps(steps, acc, empty, r) {
-    for (const s of steps) empty = this.runStep(s, acc, empty, r);
-    return empty;
+  /** A surface's samples over `rect` (layer space) in the working space. */
+  samples(surface, rect) {
+    const samples = _chunkOLNIPTB3cjs.readDeepRegion.call(void 0, surface, rect, this.depth);
+    if (samples instanceof Float32Array) return samples;
+    const out = new Float32Array(samples.length);
+    for (let i = 0; i < samples.length; i++) out[i] = samples[i] / 65535;
+    return out;
   }
-  contentBlend(layer) {
-    return _nullishCoalesce(_optionalChain([this, 'access', _77 => _77.profile, 'access', _78 => _78.contentBlend, 'optionalCall', _79 => _79(layer)]), () => ( layer.blend));
+  /** 8-bit RGBA to the working space. */
+  from8(bytes) {
+    if (this.linear) return _chunkOLNIPTB3cjs.to32From8.call(void 0, bytes, 4);
+    const out = new Float32Array(bytes.length);
+    for (let i = 0; i < bytes.length; i++) out[i] = bytes[i] / 255;
+    return out;
   }
-  blendOnto(acc, src, empty, mode, alpha, coverage) {
-    if (!(alpha > 0)) return empty;
-    if (empty && mode === "normal" && alpha >= 1 && !coverage) {
-      acc.set(src);
-      return false;
+  /** The working space to 8-bit RGBA. */
+  to8(acc) {
+    const out = new Uint8ClampedArray(acc.length);
+    for (let i = 0; i < acc.length; i += 4) {
+      for (let c = 0; c < 3; c++) out[i + c] = Math.round((this.linear ? _chunkOLNIPTB3cjs.srgbEncode.call(void 0, acc[i + c]) : acc[i + c]) * 255);
+      out[i + 3] = Math.round(acc[i + 3] * 255);
     }
-    blendTile(acc, src, mode, alpha, coverage);
-    return false;
+    return out;
   }
-  applyClipped(clipped, buf, r) {
-    let run = [];
-    const flush = () => {
-      if (run.length) this.applyFilterRun(run, buf, r);
-      run = [];
-    };
-    for (const c of clipped) {
-      if (this.isFilter(c)) {
-        run.push(c);
+  // --- Blending --------------------------------------------------------------------
+  /** `src` over `dst` with `mode` at `alpha` × coverage (straight alpha, float), as `blendTile`. */
+  blend(dst, src, mode, alpha, coverage) {
+    if (!(alpha > 0)) return;
+    const normal = mode === "normal";
+    const pigment = mode === "pigment";
+    const cb = [0, 0, 0];
+    const cs = [0, 0, 0];
+    const mix = [0, 0, 0];
+    for (let i = 0, p = 0; i < dst.length; i += 4, p++) {
+      const sa = src[i + 3];
+      if (!(sa > 0)) continue;
+      const k = coverage ? alpha * coverage[p] : alpha;
+      if (!(k > 0)) continue;
+      const as = Math.min(1, sa * k);
+      const ab = dst[i + 3];
+      const ao = as + ab * (1 - as);
+      if (ao <= 0) {
+        dst[i] = dst[i + 1] = dst[i + 2] = dst[i + 3] = 0;
         continue;
       }
-      flush();
-      if (this.hasEffects(c) && !isGroup2(c)) {
-        this.compositeEffects(c, [], buf, r, true);
+      if (normal && as >= 1) {
+        dst[i] = src[i];
+        dst[i + 1] = src[i + 1];
+        dst[i + 2] = src[i + 2];
+        dst[i + 3] = 1;
         continue;
       }
-      const coverage = this.maskTile(c, r);
-      if (isGroup2(c)) {
-        const inner = new Uint8ClampedArray(buf.length);
-        if (this.runSteps(this.buildSteps(_nullishCoalesce(c.children, () => ( []))), inner, true, r)) continue;
-        const mode = c.blend === "pass-through" ? "normal" : c.blend;
-        blendAtop(buf, inner, mode, c.opacity, coverage);
+      for (let c = 0; c < 3; c++) {
+        cb[c] = dst[i + c];
+        cs[c] = src[i + c];
+      }
+      if (pigment) {
+        if (this.linear) for (let c = 0; c < 3; c++) cb[c] = _chunkOLNIPTB3cjs.srgbEncode.call(void 0, cb[c]), cs[c] = _chunkOLNIPTB3cjs.srgbEncode.call(void 0, cs[c]);
+        _chunkOLNIPTB3cjs.mixPigmentRgb.call(void 0, cb, cs, as / ao, mix);
+        for (let c = 0; c < 3; c++) dst[i + c] = this.linear ? _chunkOLNIPTB3cjs.srgbDecode.call(void 0, mix[c]) : mix[c];
+        dst[i + 3] = ao;
         continue;
       }
-      const content = this.contentTile(c, r);
-      if (!content) continue;
-      const fill2 = this.isPixel(c) ? _nullishCoalesce(c.fillOpacity, () => ( 1)) : 1;
-      blendAtop(buf, content, this.contentBlend(c), c.opacity * fill2, coverage);
+      const m = normal ? cs : _chunkOLNIPTB3cjs.blendRgb.call(void 0, mode, cb, cs);
+      const wb = (1 - as) * ab;
+      const ws = (1 - ab) * as;
+      const wm = as * ab;
+      for (let c = 0; c < 3; c++) dst[i + c] = (wb * cb[c] + ws * cs[c] + wm * m[c]) / ao;
+      dst[i + 3] = ao;
     }
-    flush();
   }
-  applyFilterRun(layers, acc, r) {
-    const visible = [];
-    let masks;
-    for (const node of layers) {
-      if (!node.visible) continue;
-      const cov = this.maskTile(node, r);
-      if (cov) {
-        if (cov.every((v) => v <= 0)) continue;
-        (masks ??= /* @__PURE__ */ new Map()).set(node.id, cov);
-      }
-      visible.push(node);
-    }
-    if (visible.length) _optionalChain([this, 'access', _80 => _80.profile, 'access', _81 => _81.applyFilterRun, 'optionalCall', _82 => _82(visible, acc, r, masks, this.sources)]);
+};
+function lerp(dst, before, alpha, coverage) {
+  for (let i = 0, p = 0; i < dst.length; i += 4, p++) {
+    const k = coverage ? alpha * coverage[p] : alpha;
+    if (k >= 1) continue;
+    for (let c = 0; c < 4; c++) dst[i + c] = before[i + c] + (dst[i + c] - before[i + c]) * k;
   }
-}, _class);
-function filterOverCanvas(surface, ox, oy, filters, width, height) {
-  if (width <= 0 || height <= 0) return _chunk474IQG74cjs.emptySurface.call(void 0, 4);
-  const data = _chunk474IQG74cjs.readRegion.call(void 0, surface, { x: -ox, y: -oy, width, height });
-  filters.apply(data, width, height);
-  return _chunk474IQG74cjs.surfaceFromPixels.call(void 0, { width, height, data }, 4, 0, 0);
 }
-function copyRect(data, r, a) {
-  const out = new Uint8ClampedArray(a.width * a.height * 4);
-  for (let y = 0; y < a.height; y++) {
-    const s = ((a.y - r.y + y) * r.width + (a.x - r.x)) * 4;
-    out.set(data.subarray(s, s + a.width * 4), y * a.width * 4);
+function mapColour(data, f) {
+  for (let i = 0; i < data.length; i += 4) {
+    data[i] = f(data[i]);
+    data[i + 1] = f(data[i + 1]);
+    data[i + 2] = f(data[i + 2]);
   }
-  return out;
-}
-function pasteRect(data, r, part, a) {
-  for (let y = 0; y < a.height; y++) data.set(part.subarray(y * a.width * 4, (y + 1) * a.width * 4), ((a.y - r.y + y) * r.width + (a.x - r.x)) * 4);
 }
-function sameRect(a, b) {
-  return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
+function workingToSamples(data, depth) {
+  if (depth === 32) return data;
+  const out = new Uint16Array(data.length);
+  for (let i = 0; i < data.length; i++) {
+    const v = data[i];
+    out[i] = v > 0 ? v < 1 ? Math.round(v * 65535) : 65535 : 0;
+  }
+  return out;
 }
-function inflateRect(r, m) {
-  return { x: r.x - m, y: r.y - m, width: r.width + 2 * m, height: r.height + 2 * m };
+function encodeInPlace(d) {
+  for (let i = 0; i < d.length; i += 4) {
+    d[i] = _chunkOLNIPTB3cjs.srgbEncode.call(void 0, d[i]);
+    d[i + 1] = _chunkOLNIPTB3cjs.srgbEncode.call(void 0, d[i + 1]);
+    d[i + 2] = _chunkOLNIPTB3cjs.srgbEncode.call(void 0, d[i + 2]);
+  }
 }
-function intersectRect(a, b) {
-  const x0 = Math.max(a.x, b.x);
-  const y0 = Math.max(a.y, b.y);
-  const x1 = Math.min(a.x + a.width, b.x + b.width);
-  const y1 = Math.min(a.y + a.height, b.y + b.height);
-  return x1 <= x0 || y1 <= y0 ? { x: x0, y: y0, width: 0, height: 0 } : { x: x0, y: y0, width: x1 - x0, height: y1 - y0 };
+function decodeInPlace(d) {
+  for (let i = 0; i < d.length; i += 4) {
+    d[i] = _chunkOLNIPTB3cjs.srgbDecode.call(void 0, d[i]);
+    d[i + 1] = _chunkOLNIPTB3cjs.srgbDecode.call(void 0, d[i + 1]);
+    d[i + 2] = _chunkOLNIPTB3cjs.srgbDecode.call(void 0, d[i + 2]);
+  }
 }
-function changedTiles(a, b) {
+
+// src/raster/layers.ts
+var childrenOf = (l) => l.type === "group" ? _nullishCoalesce(l.children, () => ( null)) : null;
+function flattenLayers(layers) {
   const out = [];
-  for (const [k, t] of b.tiles) if (a.tiles.get(k) !== t) out.push(k);
-  for (const k of a.tiles.keys()) if (!b.tiles.has(k)) out.push(k);
+  const walk = (list) => {
+    for (const l of list) {
+      out.push(l);
+      const c = childrenOf(l);
+      if (c) walk(c);
+    }
+  };
+  walk(layers);
   return out;
 }
+function findLayer(layers, id) {
+  const walk = (list, parent, path) => {
+    for (let i = 0; i < list.length; i++) {
+      const l = list[i];
+      if (l.id === id) return { layer: l, parent, index: i, path };
+      const c = childrenOf(l);
+      if (c) {
+        const g = l;
+        const hit = walk(c, g, [...path, g]);
+        if (hit) return hit;
+      }
+    }
+    return null;
+  };
+  return walk(layers, null, []);
+}
+function mapLayer(layers, id, fn) {
+  let changed = false;
+  const walk = (list) => {
+    let out = null;
+    for (let i = 0; i < list.length; i++) {
+      const l = list[i];
+      let next = l;
+      if (l.id === id) {
+        next = fn(l);
+        changed = true;
+      } else {
+        const c = childrenOf(l);
+        if (c) {
+          const children = walk(c);
+          if (children !== c) next = { ...l, children };
+        }
+      }
+      if (next !== l) {
+        if (!out) out = list.slice(0, i);
+        if (next) out.push(next);
+      } else if (out) out.push(l);
+    }
+    return _nullishCoalesce(out, () => ( list));
+  };
+  const result = walk(layers);
+  return changed ? result : layers;
+}
+function insertLayer(layers, layer, parentId, index) {
+  const put = (list) => {
+    const at = index === void 0 ? list.length : Math.max(0, Math.min(list.length, index));
+    const next = list.slice();
+    next.splice(at, 0, layer);
+    return next;
+  };
+  if (!parentId) return put(layers);
+  return mapLayer(layers, parentId, (g) => {
+    const c = childrenOf(g);
+    return c ? { ...g, children: put(c) } : g;
+  });
+}
+function isLayerLocked(layer, what) {
+  return Boolean(_optionalChain([layer, 'access', _91 => _91.locks, 'optionalAccess', _92 => _92.all]) || _optionalChain([layer, 'access', _93 => _93.locks, 'optionalAccess', _94 => _94[what]]));
+}
 
 // src/raster/transform.ts
 var INTERPOLATIONS = ["nearest", "bilinear", "bicubic"];
@@ -4218,4 +4254,5 @@ function compositeSurfaceOver(base, top) {
 
 
 
-exports.DEFAULT_GLOBAL_LIGHT = DEFAULT_GLOBAL_LIGHT; exports.LAYER_EFFECT_KINDS = LAYER_EFFECT_KINDS; exports.layerEffectLabel = layerEffectLabel; exports.isLayerEffectKind = isLayerEffectKind; exports.defaultEffectGradient = defaultEffectGradient; exports.newEffectId = newEffectId; exports.defaultLayerEffect = defaultLayerEffect; exports.hasActiveEffects = hasActiveEffects; exports.MAX_EFFECT_REACH = MAX_EFFECT_REACH; exports.effectReach = effectReach; exports.effectsMargin = effectsMargin; exports.effectsScale = effectsScale; exports.scaleLayerEffect = scaleLayerEffect; exports.parseEffectColor = parseEffectColor; exports.effectColorHex = effectColorHex; exports.LayerEffectError = LayerEffectError; exports.validateEffectGradient = validateEffectGradient; exports.layerEffectFields = layerEffectFields; exports.validateLayerEffect = validateLayerEffect; exports.mergeLayerEffect = mergeLayerEffect; exports.validateLayerEffects = validateLayerEffects; exports.normalizeLayerEffects = normalizeLayerEffects; exports.effectsFingerprint = effectsFingerprint; exports.CURVE_LUT_SIZE = CURVE_LUT_SIZE; exports.curveLut = curveLut; exports.PatternTile = PatternTile; exports.PatternPlacement = PatternPlacement; exports.builtinPatternIds = builtinPatternIds; exports.builtinPattern = builtinPattern; exports.hashNoise = hashNoise; exports.STROKE_CHAMFER_MAX = STROKE_CHAMFER_MAX; exports.contourLut = contourLut; exports.activeEffectItems = activeEffectItems; exports.effectsAreLocal = effectsAreLocal; exports.buildEffectMaps = buildEffectMaps; exports.patchEffectMaps = patchEffectMaps; exports.gradientT = gradientT; exports.effectFillColors = effectFillColors; exports.compositeLayerEffects = compositeLayerEffects; exports.renderLayerEffects = renderLayerEffects; exports.DeepCompositor = DeepCompositor; exports.workingToSamples = workingToSamples; exports.flattenLayers = flattenLayers; exports.findLayer = findLayer; exports.mapLayer = mapLayer; exports.insertLayer = insertLayer; exports.isLayerLocked = isLayerLocked; exports.blendTile = blendTile; exports.RasterCompositor = RasterCompositor; exports.changedTiles = changedTiles; exports.INTERPOLATIONS = INTERPOLATIONS; exports.isInterpolation = isInterpolation; exports.MAX_TRANSFORM_PIXELS = MAX_TRANSFORM_PIXELS; exports.TransformTooLargeError = TransformTooLargeError; exports.keysWeight = keysWeight; exports.reduceSurface = reduceSurface; exports.transformedBounds = transformedBounds; exports.transformSurface = transformSurface; exports.warpSurface = warpSurface; exports.compositeSurfaceOver = compositeSurfaceOver;
+
+exports.DEFAULT_GLOBAL_LIGHT = DEFAULT_GLOBAL_LIGHT; exports.LAYER_EFFECT_KINDS = LAYER_EFFECT_KINDS; exports.layerEffectLabel = layerEffectLabel; exports.isLayerEffectKind = isLayerEffectKind; exports.defaultEffectGradient = defaultEffectGradient; exports.newEffectId = newEffectId; exports.defaultLayerEffect = defaultLayerEffect; exports.hasActiveEffects = hasActiveEffects; exports.MAX_EFFECT_REACH = MAX_EFFECT_REACH; exports.effectReach = effectReach; exports.effectsMargin = effectsMargin; exports.effectsScale = effectsScale; exports.scaleLayerEffect = scaleLayerEffect; exports.parseEffectColor = parseEffectColor; exports.effectColorHex = effectColorHex; exports.LayerEffectError = LayerEffectError; exports.validateEffectGradient = validateEffectGradient; exports.layerEffectFields = layerEffectFields; exports.validateLayerEffect = validateLayerEffect; exports.mergeLayerEffect = mergeLayerEffect; exports.validateLayerEffects = validateLayerEffects; exports.normalizeLayerEffects = normalizeLayerEffects; exports.effectsFingerprint = effectsFingerprint; exports.PatternTile = PatternTile; exports.PatternPlacement = PatternPlacement; exports.builtinPatternIds = builtinPatternIds; exports.builtinPattern = builtinPattern; exports.hashNoise = hashNoise; exports.CURVE_LUT_SIZE = CURVE_LUT_SIZE; exports.curveLut = curveLut; exports.STROKE_CHAMFER_MAX = STROKE_CHAMFER_MAX; exports.contourLut = contourLut; exports.activeEffectItems = activeEffectItems; exports.effectsAreLocal = effectsAreLocal; exports.buildEffectMaps = buildEffectMaps; exports.patchEffectMaps = patchEffectMaps; exports.gradientT = gradientT; exports.effectFillColors = effectFillColors; exports.compositeLayerEffects = compositeLayerEffects; exports.renderLayerEffects = renderLayerEffects; exports.applyEdgeAmbient = applyEdgeAmbient; exports.blendTile = blendTile; exports.RasterCompositor = RasterCompositor; exports.changedTiles = changedTiles; exports.DeepCompositor = DeepCompositor; exports.workingToSamples = workingToSamples; exports.flattenLayers = flattenLayers; exports.findLayer = findLayer; exports.mapLayer = mapLayer; exports.insertLayer = insertLayer; exports.isLayerLocked = isLayerLocked; exports.INTERPOLATIONS = INTERPOLATIONS; exports.isInterpolation = isInterpolation; exports.MAX_TRANSFORM_PIXELS = MAX_TRANSFORM_PIXELS; exports.TransformTooLargeError = TransformTooLargeError; exports.keysWeight = keysWeight; exports.reduceSurface = reduceSurface; exports.transformedBounds = transformedBounds; exports.transformSurface = transformSurface; exports.warpSurface = warpSurface; exports.compositeSurfaceOver = compositeSurfaceOver;