@oim-media/spec 1.27.8 → 1.27.10

package/vectors/README.md

@@ -1,103 +1,105 @@
-# Conformance vectors
-
-Each vector is a real `.oim` with the result that a reader must produce when
-opening it. The JSON Schema in `../schema/` says what **shape** a `.oim` has;
-this says what **result** comes out of a specific one.
-
-```
-<name>.oim.png        the file, signed, exactly as the system produces it
-<name>.expected.json  what a conforming reader must extract from it
-```
-
-## The Normative Vectors
-
-A reduced suite cannot tell apart an implementation that **reads the format**
-from one that **gets a simple case right by chance**. These 37 vectors cover the
-initial 20-vector matrix plus every capability added since contract 1.10.0:
-
-| # | Vector | What it covers |
-|---|---|---|
-| 1 | `basic-text` | The minimum: PNG container, `zTXt` chunk, zlib, two languages, geometry in `cqw` |
-| 2 | `groups-and-parallax` | Simple hierarchy (`childIds` / `groupId`) and depth (`parallax`) |
-| 3 | `interactive` | `isInteractive`, `states.active.actions`, per-side corners and `min_player` |
-| 4 | `multilang-cjk-rtl` | Complex multilingual coverage: Spanish, Japanese (CJK: `こんにちは世界`) and Arabic (RTL: `مرحبا بالعالم`) |
-| 5 | `typography-styling` | Advanced typography: `fontFamily`, `fontWeight`, `fontStyle: "italic"`, `textTransform`, `letterSpacing`, `lineHeight` |
-| 6 | `nested-groups` | Multi-level hierarchy: a root group containing a subgroup with child elements |
-| 7 | `asymmetric-borders` | Independent corner radii per corner (`borderRadius: "10px 25px 50px 0px"`) |
-| 8 | `shadow-effects` | Shadow system: `shadowEnabled`, `shadowColor`, `shadowBlur`, `shadowOffsetX`, `shadowOffsetY`, `shadowOpacity` |
-| 9 | `color-blending-opacity` | Visual composition: layer opacity (`opacity: 70`) and blend modes (`blendMode: "multiply"`) |
-| 10 | `strokes-and-borders` | Vector stroke and outlines: `borderWidth`, `borderColor`, `strokeStyle: "dashed"` |
-| 11 | `parallax-infinite` | Continuous horizontal looping parallax effect (`mode: "infinite_horizontal"`, `speed_px_sec`, `direction`) |
-| 12 | `interactive-hover` | Cursor interactive state: `states.hover` with `scale`, `rotation`, `opacity` |
-| 13 | `interactive-chained-actions` | Several interactive actions chained when a layer is activated (`toggle`, `hide`) |
-| 14 | `filter-effects` | CSS visual filters: `filterBlur`, `filterBrightness`, `filterContrast`, `filterSaturate`, `filterHueRotate` |
-| 15 | `text-runs-precalculated` | Precalculated layout for native non-web renderers (`textRuns` with `lines`, `width`, `yOffset`) |
-| 16 | `multi-container-layout` | Several `container` slots organising the spatial layout of the document |
-| 17 | `extreme-aspect-ratios` | Ultra-wide panoramic canvas (`1600x400`, 4:1 ratio) testing container consistency |
-| 18 | `transparent-background` | Strictly transparent background (`fillColor: "transparent"`) under the normative colour rule |
-| 19 | `layer-ordering-zindex` | Strict stacking sequence with slots overlapping at identical coordinates |
-| 20 | `full-monty-composite` | Comprehensive master document combining multilingual content, active/hover interactivity, groups, parallax and shadows |
-| 21 | `legacy-text-chunk` | The same document as `basic-text` in the legacy container: a `tEXt` chunk with base64 of raw deflate |
-| 22 | `layer-blur` | Layer blur (`layerBlur`) on the style of a text and of a shape |
-| 23 | `layer-grain` | Per-layer grain (contract 1.10.0): `grain`, `grainIntensity`, `grainSize` and `grainBlend` |
-| 24 | `flip` | Layer flip (contract 1.14.0): `flipX` and `flipY` on rotated shapes |
-| 25 | `crop` | Image crop (contract 1.15.0): `imageCrop` framing an image at x 20 %, y 70 % and zoom 2 |
-| 26 | `accessibility` | Accessibility (contract 1.16.0): document `description`, per-language `alt` and `decorative` |
-| 27 | `image-fill` | Image fill (contract 1.17.0): shapes filled with an embedded photo and `fillImageCrop` |
-| 28 | `media-filters` | Media filters (contract 1.18.0): `filterPreset` on a photo and on a circular frame with blur and stroke |
-| 29 | `frame-shapes` | Frame shapes (contract 1.19.0): a cloud, a custom SVG path (`svgViewBox`) and a star with a flipped photo |
-| 30 | `palettes` | Named palettes (contract 1.20.0): `dark` and `light`, `defaultPalette: "dark"`, and colour roles |
-| 31 | `pattern-color-roles` | Colour roles in patterns and shadows (contract 1.21.0) |
-| 32 | `reveal-and-play` | Per-layer reveal and the `play` action (contract 1.22.0) |
-| 33 | `reedit-english` | Re-edit permission in English (contract 1.23.0): `reedit: "public"`, signed by the production service |
-| 34 | `embedded-font-woff` | Embedded font (contract 1.27.0): Inter bold as a static WOFF subset (`fonts[].format: "woff"`) |
-| 35 | `background-pattern-order` | A pattern background listed last still paints under every layer; pattern tile size; unitless `letterSpacing` on centred text |
-| 36 | `shape-shadows` | Hard shadows on a circle and on a circular photo frame: the shadow follows the shape, not its box |
-| 37 | `artistic-text` | Artistic text (4.6): a curved 3D title with shaded extrusion, outer and inner strokes and a gradient, and a two-line word, drawn with the embedded Inter subset |
-
-## How to use it from another language
-
-1. Open the `.oim` as a PNG and look for the metadata chunk: `zTXt` (key `OIM_Data`; the one written since 29 Oct 2026), or `tEXt` / `iTXt` (keys `OIM_Data` or `OIM_JSON_DATA`).
-2. Decompress the payload: if it comes in base64, decode it first; decompression is **raw deflate** (no zlib header, RFC 1951) or standard zlib.
-3. Interpret the result as UTF-8 JSON: these are the document's metadata.
-4. Compare with `<name>.expected.json`, ignoring its `description` field.
-
-What is compared is what two implementations can genuinely disagree on: the
-geometry **already normalised** to `cqw` or user units, the hierarchy, the depth,
-the typography and the declared interactivity. Not the whole metadata — a full
-dump breaks every time the compiler adds a field, and then it gets regenerated
-without a look, which is a vector that no longer checks anything.
-
-## The signature
-
-All 37 vectors are signed with the public key published in `packages/spec/keys.json`.
-The signature covers the canonical serialisation
-of the metadata and the cryptographic hash of the pixels (`image_hash` over the `IDAT` chunks).
-A reader that verifies must rebuild that canonical form following the seven rules
-specified in the `README.md` at the root of `packages/spec`; one that only reads the format
-may ignore it, but then it must not claim to validate authorship.
-
-## How they were generated
-
-The vectors are generated by Xue Studios' signing service, through the same
-production pipeline that signs every published `.oim`: the slots are normalised
-to `cqw`, the file is sanitised, signed and embedded. The generator is not part
-of this repository; the output is committed here as-is, so every implementation
-reads the same files.
-
-`interactive` is the exception: it comes from a real editor export, and that is
-why it carries things the normalisation pipeline alone does not produce.
-
-The base image weighs about 3 KB and is reused across vectors. A published
-`.oim` weighs megabytes because it carries its rasterised canvas inside; the
-image is not what these vectors check.
-
-## Keeping them from rotting
-
-`packages/core/src/conformance-vectors.test.ts` runs them in every suite: if the
-reference implementation changes what it produces, the vectors fail. It is
-circular on purpose and in one direction — the reference defines the result, and
-the test prevents it from moving without the vectors moving with it.
-
-The day a second reader exists and disagrees, there is a concrete file to discuss
-instead of two opinions.
+# Conformance vectors
+
+Each vector is a real `.oim` with the result that a reader must produce when
+opening it. The JSON Schema in `../schema/` says what **shape** a `.oim` has;
+this says what **result** comes out of a specific one.
+
+```
+<name>.oim.png        the file, signed, exactly as the system produces it
+<name>.expected.json  what a conforming reader must extract from it
+```
+
+## The Normative Vectors
+
+A reduced suite cannot tell apart an implementation that **reads the format**
+from one that **gets a simple case right by chance**. These 39 vectors cover the
+initial 20-vector matrix plus every capability added since contract 1.10.0:
+
+| # | Vector | What it covers |
+|---|---|---|
+| 1 | `basic-text` | The minimum: PNG container, `zTXt` chunk, zlib, two languages, geometry in `cqw` |
+| 2 | `groups-and-parallax` | Simple hierarchy (`childIds` / `groupId`) and depth (`parallax`) |
+| 3 | `interactive` | `isInteractive`, `states.active.actions`, per-side corners and `min_player` |
+| 4 | `multilang-cjk-rtl` | Complex multilingual coverage: Spanish, Japanese (CJK: `こんにちは世界`) and Arabic (RTL: `مرحبا بالعالم`) |
+| 5 | `typography-styling` | Advanced typography: `fontFamily`, `fontWeight`, `fontStyle: "italic"`, `textTransform`, `letterSpacing`, `lineHeight` |
+| 6 | `nested-groups` | Multi-level hierarchy: a root group containing a subgroup with child elements |
+| 7 | `asymmetric-borders` | Independent corner radii per corner (`borderRadius: "10px 25px 50px 0px"`) |
+| 8 | `shadow-effects` | Shadow system: `shadowEnabled`, `shadowColor`, `shadowBlur`, `shadowOffsetX`, `shadowOffsetY`, `shadowOpacity` |
+| 9 | `color-blending-opacity` | Visual composition: layer opacity (`opacity: 70`) and blend modes (`blendMode: "multiply"`) |
+| 10 | `strokes-and-borders` | Vector stroke and outlines: `borderWidth`, `borderColor`, `strokeStyle: "dashed"` |
+| 11 | `parallax-infinite` | Continuous horizontal looping parallax effect (`mode: "infinite_horizontal"`, `speed_px_sec`, `direction`) |
+| 12 | `interactive-hover` | Cursor interactive state: `states.hover` with `scale`, `rotation`, `opacity` |
+| 13 | `interactive-chained-actions` | Several interactive actions chained when a layer is activated (`toggle`, `hide`) |
+| 14 | `filter-effects` | CSS visual filters: `filterBlur`, `filterBrightness`, `filterContrast`, `filterSaturate`, `filterHueRotate` |
+| 15 | `text-runs-precalculated` | Precalculated layout for native non-web renderers (`textRuns` with `lines`, `width`, `yOffset`) |
+| 16 | `multi-container-layout` | Several `container` slots organising the spatial layout of the document |
+| 17 | `extreme-aspect-ratios` | Ultra-wide panoramic canvas (`1600x400`, 4:1 ratio) testing container consistency |
+| 18 | `transparent-background` | Strictly transparent background (`fillColor: "transparent"`) under the normative colour rule |
+| 19 | `layer-ordering-zindex` | Strict stacking sequence with slots overlapping at identical coordinates |
+| 20 | `full-monty-composite` | Comprehensive master document combining multilingual content, active/hover interactivity, groups, parallax and shadows |
+| 21 | `legacy-text-chunk` | The same document as `basic-text` in the legacy container: a `tEXt` chunk with base64 of raw deflate |
+| 22 | `layer-blur` | Layer blur (`layerBlur`) on the style of a text and of a shape |
+| 23 | `layer-grain` | Per-layer grain (contract 1.10.0): `grain`, `grainIntensity`, `grainSize` and `grainBlend` |
+| 24 | `flip` | Layer flip (contract 1.14.0): `flipX` and `flipY` on rotated shapes |
+| 25 | `crop` | Image crop (contract 1.15.0): `imageCrop` framing an image at x 20 %, y 70 % and zoom 2 |
+| 26 | `accessibility` | Accessibility (contract 1.16.0): document `description`, per-language `alt` and `decorative` |
+| 27 | `image-fill` | Image fill (contract 1.17.0): shapes filled with an embedded photo and `fillImageCrop` |
+| 28 | `media-filters` | Media filters (contract 1.18.0): `filterPreset` on a photo and on a circular frame with blur and stroke |
+| 29 | `frame-shapes` | Frame shapes (contract 1.19.0): a cloud, a custom SVG path (`svgViewBox`) and a star with a flipped photo |
+| 30 | `palettes` | Named palettes (contract 1.20.0): `dark` and `light`, `defaultPalette: "dark"`, and colour roles |
+| 31 | `pattern-color-roles` | Colour roles in patterns and shadows (contract 1.21.0) |
+| 32 | `reveal-and-play` | Per-layer reveal and the `play` action (contract 1.22.0) |
+| 33 | `reedit-english` | Re-edit permission in English (contract 1.23.0): `reedit: "public"`, signed by the production service |
+| 34 | `embedded-font-woff` | Embedded font (contract 1.27.0): Inter bold as a static WOFF subset (`fonts[].format: "woff"`) |
+| 35 | `background-pattern-order` | A pattern background listed last still paints under every layer; pattern tile size; unitless `letterSpacing` on centred text |
+| 36 | `shape-shadows` | Hard shadows on a circle and on a circular photo frame: the shadow follows the shape, not its box |
+| 37 | `artistic-text` | Artistic text (4.6): a curved 3D title with shaded extrusion, outer and inner strokes and a gradient, and a two-line word, drawn with the embedded Inter subset |
+| 38 | `zone-group` | A 1.x zone becomes a 2.0 group: background, corners and backdrop blur kept; its layers keep their own x/y, the flex flow is retired (Decision 14 Nov) |
+| 39 | `mask-window` | A window mask: a circle cut out of a dark cover with a white outline |
+
+## How to use it from another language
+
+1. Open the `.oim` as a PNG and look for the metadata chunk: `zTXt` (key `OIM_Data`; the one written since 29 Oct 2026), or `tEXt` / `iTXt` (keys `OIM_Data` or `OIM_JSON_DATA`).
+2. Decompress the payload: if it comes in base64, decode it first; decompression is **raw deflate** (no zlib header, RFC 1951) or standard zlib.
+3. Interpret the result as UTF-8 JSON: these are the document's metadata.
+4. Compare with `<name>.expected.json`, ignoring its `description` field.
+
+What is compared is what two implementations can genuinely disagree on: the
+geometry **already normalised** to `cqw` or user units, the hierarchy, the depth,
+the typography and the declared interactivity. Not the whole metadata — a full
+dump breaks every time the compiler adds a field, and then it gets regenerated
+without a look, which is a vector that no longer checks anything.
+
+## The signature
+
+All 39 vectors are signed with the public key published in `packages/spec/keys.json`.
+The signature covers the canonical serialisation
+of the metadata and the cryptographic hash of the pixels (`image_hash` over the `IDAT` chunks).
+A reader that verifies must rebuild that canonical form following the seven rules
+specified in the `README.md` at the root of `packages/spec`; one that only reads the format
+may ignore it, but then it must not claim to validate authorship.
+
+## How they were generated
+
+The vectors are generated by Xue Studios' signing service, through the same
+production pipeline that signs every published `.oim`: the slots are normalised
+to `cqw`, the file is sanitised, signed and embedded. The generator is not part
+of this repository; the output is committed here as-is, so every implementation
+reads the same files.
+
+`interactive` is the exception: it comes from a real editor export, and that is
+why it carries things the normalisation pipeline alone does not produce.
+
+The base image weighs about 3 KB and is reused across vectors. A published
+`.oim` weighs megabytes because it carries its rasterised canvas inside; the
+image is not what these vectors check.
+
+## Keeping them from rotting
+
+`packages/core/src/conformance-vectors.test.ts` runs them in every suite: if the
+reference implementation changes what it produces, the vectors fail. It is
+circular on purpose and in one direction — the reference defines the result, and
+the test prevents it from moving without the vectors moving with it.
+
+The day a second reader exists and disagrees, there is a concrete file to discuss
+instead of two opinions.

package/vectors/accessibility.expected.json

@@ -1,67 +1,67 @@
-{
-  "description": "Accessibility (contract 1.16.0): the work's `description`, a per-language `alt` on an image and `decorative` on a shape.",
-  "canvas": {
-    "natural_height": 600,
-    "natural_width": 800
-  },
-  "signed": true,
-  "key_version": "v1",
-  "slots": [
-    {
-      "id": "titulo",
-      "type": "text",
-      "position": [
-        10,
-        6.6667
-      ],
-      "name": "Titulo",
-      "content": {
-        "en": "Hello",
-        "es": "Hola"
-      },
-      "style": {
-        "width": "62.5cqw",
-        "height": "10.0cqw",
-        "fontSize": "5.0cqw"
-      }
-    },
-    {
-      "id": "foto",
-      "type": "image",
-      "position": [
-        12.5,
-        26.6667
-      ],
-      "name": "Foto",
-      "content": {
-        "*": "https://cdn.oim.media/demos/crop.png"
-      },
-      "style": {
-        "width": "37.5cqw",
-        "height": "25.0cqw",
-        "alt": {
-          "en": "A fjord between mountains",
-          "es": "Un fiordo entre montañas"
-        }
-      }
-    },
-    {
-      "id": "adorno",
-      "type": "geo",
-      "position": [
-        65,
-        26.6667
-      ],
-      "name": "Adorno",
-      "content": {
-        "es": ""
-      },
-      "style": {
-        "width": "25.0cqw",
-        "height": "25.0cqw",
-        "fillColor": "#264653",
-        "decorative": true
-      }
-    }
-  ]
-}
+{
+  "description": "Accessibility (contract 1.16.0): the work's `description`, a per-language `alt` on an image and `decorative` on a shape.",
+  "canvas": {
+    "natural_height": 600,
+    "natural_width": 800
+  },
+  "signed": true,
+  "key_version": "v1",
+  "slots": [
+    {
+      "id": "titulo",
+      "type": "text",
+      "position": [
+        10,
+        6.6667
+      ],
+      "name": "Titulo",
+      "content": {
+        "en": "Hello",
+        "es": "Hola"
+      },
+      "style": {
+        "width": "62.5cqw",
+        "height": "10.0cqw",
+        "fontSize": "5.0cqw"
+      }
+    },
+    {
+      "id": "foto",
+      "type": "image",
+      "position": [
+        12.5,
+        26.6667
+      ],
+      "name": "Foto",
+      "content": {
+        "*": "https://cdn.oim.media/demos/crop.png"
+      },
+      "style": {
+        "width": "37.5cqw",
+        "height": "25.0cqw",
+        "alt": {
+          "en": "A fjord between mountains",
+          "es": "Un fiordo entre montañas"
+        }
+      }
+    },
+    {
+      "id": "adorno",
+      "type": "geo",
+      "position": [
+        65,
+        26.6667
+      ],
+      "name": "Adorno",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "25.0cqw",
+        "height": "25.0cqw",
+        "fillColor": "#264653",
+        "decorative": true
+      }
+    }
+  ]
+}

package/vectors/artistic-text.expected.json

@@ -1,84 +1,84 @@
-{
-  "description": "Artistic text (4.6): a curved 3D title with shaded extrusion, outer and inner strokes and a built-in gradient, and a second two-line word with no curve. Inter bold embedded (the embedded-font-woff subset), so every reader draws the same glyphs.",
-  "canvas": {
-    "natural_height": 600,
-    "natural_width": 800
-  },
-  "signed": true,
-  "key_version": "v1",
-  "reedit": "author_only",
-  "fonts": [
-    {
-      "family": "Inter",
-      "name": "oim-26dd479f-Inter",
-      "weight": 700,
-      "style": "normal",
-      "format": "woff"
-    }
-  ],
-  "slots": [
-    {
-      "id": "retro-title",
-      "type": "artistic-text",
-      "position": [
-        0,
-        10
-      ],
-      "name": "Retro title",
-      "content": {
-        "es": "Fuente"
-      },
-      "style": {
-        "width": "100.0cqw",
-        "height": "27.5cqw",
-        "fontSize": "15.0cqw",
-        "fillColor": "#f9a8d4",
-        "fontFamily": "Inter",
-        "fontWeight": "700",
-        "lineHeight": 1.25,
-        "artisticPreset": "retro-wave-3d",
-        "extrusionDepth": 18,
-        "extrusionAngle": 45,
-        "extrusionColor": "#DB2777",
-        "extrusionShading": true,
-        "curveAmount": 60,
-        "curveType": "arc",
-        "outerStrokeColor": "#1e1b4b",
-        "outerStrokeWidth": 4,
-        "innerStrokeColor": "#ffffff",
-        "innerStrokeWidth": 1,
-        "textGradientType": "sunset-gold"
-      }
-    },
-    {
-      "id": "two-lines",
-      "type": "artistic-text",
-      "position": [
-        25,
-        56.6667
-      ],
-      "name": "Two lines",
-      "content": {
-        "es": "ciudad\nsur"
-      },
-      "style": {
-        "width": "50.0cqw",
-        "height": "25.0cqw",
-        "fontSize": "8.0cqw",
-        "fillColor": "#fde047",
-        "fontFamily": "Inter",
-        "fontWeight": "700",
-        "lineHeight": 1.25,
-        "artisticPreset": "custom",
-        "extrusionDepth": 10,
-        "extrusionAngle": 135,
-        "extrusionColor": "#7c2d12",
-        "extrusionShading": false,
-        "curveAmount": 0,
-        "curveType": "arc",
-        "outerStrokeColor": "#000000",
-        "outerStrokeWidth": 2
-      }
-    }
-  ]
-}
+{
+  "description": "Artistic text (4.6): a curved 3D title with shaded extrusion, outer and inner strokes and a built-in gradient, and a second two-line word with no curve. Inter bold embedded (the embedded-font-woff subset), so every reader draws the same glyphs.",
+  "canvas": {
+    "natural_height": 600,
+    "natural_width": 800
+  },
+  "signed": true,
+  "key_version": "v1",
+  "reedit": "author_only",
+  "fonts": [
+    {
+      "family": "Inter",
+      "name": "oim-26dd479f-Inter",
+      "weight": 700,
+      "style": "normal",
+      "format": "woff"
+    }
+  ],
+  "slots": [
+    {
+      "id": "retro-title",
+      "type": "artistic-text",
+      "position": [
+        0,
+        10
+      ],
+      "name": "Retro title",
+      "content": {
+        "es": "Fuente"
+      },
+      "style": {
+        "width": "100.0cqw",
+        "height": "27.5cqw",
+        "fontSize": "15.0cqw",
+        "fillColor": "#f9a8d4",
+        "fontFamily": "Inter",
+        "fontWeight": "700",
+        "lineHeight": 1.25,
+        "artisticPreset": "retro-wave-3d",
+        "extrusionDepth": 18,
+        "extrusionAngle": 45,
+        "extrusionColor": "#DB2777",
+        "extrusionShading": true,
+        "curveAmount": 60,
+        "curveType": "arc",
+        "outerStrokeColor": "#1e1b4b",
+        "outerStrokeWidth": 4,
+        "innerStrokeColor": "#ffffff",
+        "innerStrokeWidth": 1,
+        "textGradientType": "sunset-gold"
+      }
+    },
+    {
+      "id": "two-lines",
+      "type": "artistic-text",
+      "position": [
+        25,
+        56.6667
+      ],
+      "name": "Two lines",
+      "content": {
+        "es": "ciudad\nsur"
+      },
+      "style": {
+        "width": "50.0cqw",
+        "height": "25.0cqw",
+        "fontSize": "8.0cqw",
+        "fillColor": "#fde047",
+        "fontFamily": "Inter",
+        "fontWeight": "700",
+        "lineHeight": 1.25,
+        "artisticPreset": "custom",
+        "extrusionDepth": 10,
+        "extrusionAngle": 135,
+        "extrusionColor": "#7c2d12",
+        "extrusionShading": false,
+        "curveAmount": 0,
+        "curveType": "arc",
+        "outerStrokeColor": "#000000",
+        "outerStrokeWidth": 2
+      }
+    }
+  ]
+}

package/vectors/asymmetric-borders.expected.json

@@ -1,29 +1,29 @@
-{
-  "description": "Independent corner radii for each corner.",
-  "canvas": {
-    "natural_height": 600,
-    "natural_width": 800
-  },
-  "signed": true,
-  "key_version": "v1",
-  "slots": [
-    {
-      "id": "caja_curva",
-      "type": "geo",
-      "position": [
-        12.5,
-        16.6667
-      ],
-      "name": "Caja Asimétrica",
-      "content": {
-        "es": ""
-      },
-      "style": {
-        "width": "37.5cqw",
-        "height": "18.75cqw",
-        "borderRadius": "10px 25px 50px 0px",
-        "fillColor": "#3b82f6"
-      }
-    }
-  ]
-}
+{
+  "description": "Independent corner radii for each corner.",
+  "canvas": {
+    "natural_height": 600,
+    "natural_width": 800
+  },
+  "signed": true,
+  "key_version": "v1",
+  "slots": [
+    {
+      "id": "caja_curva",
+      "type": "geo",
+      "position": [
+        12.5,
+        16.6667
+      ],
+      "name": "Caja Asimétrica",
+      "content": {
+        "es": ""
+      },
+      "style": {
+        "width": "37.5cqw",
+        "height": "18.75cqw",
+        "borderRadius": "10px 25px 50px 0px",
+        "fillColor": "#3b82f6"
+      }
+    }
+  ]
+}