{
  "id": "visual_test",
  "name": "Visual Test",
  "page": { "width": 210, "height": 297 },
  "fonts": ["Noto Sans"],
  "root": {
    "id": "root",
    "type": "container",
    "position": { "type": "flow" },
    "size": { "width": { "type": "auto" }, "height": { "type": "auto" } },
    "direction": "column",
    "gap": 5,
    "padding": { "top": 15, "right": 15, "bottom": 15, "left": 15 },
    "align": "stretch",
    "justify": "start",
    "style": {},
    "children": [
      {
        "id": "header",
        "type": "static_text",
        "position": { "type": "flow" },
        "size": { "width": { "type": "auto" }, "height": { "type": "auto" } },
        "style": { "fontSize": 18, "fontWeight": "bold", "color": "#1a1a1a" },
        "content": "VISUAL TEST DOCUMENT"
      },
      {
        "id": "line1",
        "type": "line",
        "position": { "type": "flow" },
        "size": { "width": { "type": "fr", "value": 1 }, "height": { "type": "auto" } },
        "style": { "strokeColor": "#333333", "strokeWidth": 0.5 }
      },
      {
        "id": "info_box",
        "type": "container",
        "position": { "type": "flow" },
        "size": { "width": { "type": "fr", "value": 1 }, "height": { "type": "auto" } },
        "direction": "column",
        "gap": 2,
        "padding": { "top": 5, "right": 5, "bottom": 5, "left": 5 },
        "align": "start",
        "justify": "start",
        "style": { "backgroundColor": "#f0f4f8", "borderColor": "#cbd5e1", "borderWidth": 0.5 },
        "children": [
          {
            "id": "company",
            "type": "text",
            "position": { "type": "flow" },
            "size": { "width": { "type": "auto" }, "height": { "type": "auto" } },
            "style": { "fontSize": 12, "fontWeight": "bold", "color": "#1e293b" },
            "binding": { "type": "scalar", "path": "company" }
          },
          {
            "id": "date_text",
            "type": "text",
            "position": { "type": "flow" },
            "size": { "width": { "type": "auto" }, "height": { "type": "auto" } },
            "style": { "fontSize": 10, "color": "#64748b" },
            "binding": { "type": "scalar", "path": "date" }
          }
        ]
      },
      {
        "id": "body_text",
        "type": "static_text",
        "position": { "type": "flow" },
        "size": { "width": { "type": "fr", "value": 1 }, "height": { "type": "auto" } },
        "style": { "fontSize": 11, "color": "#334155" },
        "content": "This is a visual regression test document. Layout and text rendering should be consistent across runs."
      }
    ]
  }
}
