root:
  items:
    - type: "stacking-context"
      transform: scale(0.125)
      items:
      - type: "stacking-context"
        perspective: 100
        perspective-origin: 100 50
        blend-container: true
        items:
          - image: checkerboard(0, 512, 16);
            bounds: [1600, 1600, 8192, 8192]
          - type: rect
            color: [180, 140, 120, 0.4]
            bounds: 2400 2400 8192 8192
          - type: clip
            id: 101
            complex:
              - rect: [1920, 1920, 4096, 4096]
                radius: [2048, 2048]
          - type: clip-chain
            id: 201
            clips: [101]
          - type: "stacking-context"
            bounds: [0, 0, 8192, 8192]
            filters: [invert(1)]
            mix-blend-mode: exclusion
            clip-chain: 201
            items:
              - type: "stacking-context"
                transform: scale(24)
                items:
                  - type: line
                    baseline: 16
                    start: 16
                    end: 208
                    width: 1
                    orientation: horizontal
                    color: black
                    style: solid
                  - type: line
                    baseline: 24
                    start: 16
                    end: 208
                    width: 1
                    orientation: horizontal
                    color: blue
                    style: dashed
                  - type: line
                    baseline: 32
                    start: 16
                    end: 208
                    width: 1
                    orientation: horizontal
                    color: green
                    style: dotted
                  - type: line
                    baseline: 40
                    start: 16
                    end: 208
                    width: 4
                    thickness: 1
                    orientation: horizontal
                    color: red
                    style: wavy
                  - type: line
                    baseline: 48
                    start: 16
                    end: 208
                    width: 2
                    orientation: horizontal
                    color: black
                    style: solid
                  - type: line
                    baseline: 64
                    start: 16
                    end: 208
                    width: 2
                    orientation: horizontal
                    color: blue
                    style: dashed
                  - type: line
                    baseline: 80
                    start: 16
                    end: 207  # pruposefully cut off
                    width: 2
                    orientation: horizontal
                    color: green
                    style: dotted
                  - type: line
                    baseline: 96
                    start: 16
                    end: 208
                    width: 6
                    thickness: 2
                    orientation: horizontal
                    color: red
                    style: wavy
              
                  -
                    type: "shadow"
                    bounds: [8, 100, 225, 50]
                    blur-radius: 0
                    offset: [2, 2]
                    color: red
                  - type: line
                    baseline: 112
                    start: 16
                    end: 208
                    width: 1
                    orientation: horizontal
                    color: [0,0,0,0]
                    style: solid
                  - type: line
                    baseline: 120
                    start: 16
                    end: 208
                    width: 1
                    orientation: horizontal
                    color: [0,0,0,0]
                    style: dashed
                  - type: line
                    baseline: 128
                    start: 16
                    end: 209
                    width: 1
                    orientation: horizontal
                    color: [0,0,0,0]
                    style: dotted
                  - type: line
                    baseline: 136
                    start: 16
                    end: 208
                    width: 4
                    thickness: 1
                    orientation: horizontal
                    color: [0,0,0,0]
                    style: wavy
                  -
                    type: pop-all-shadows
              
                  -
                    type: "shadow"
                    bounds: [8, 145, 225, 65]
                    blur-radius: 1
                    offset: [2, 3]
                    color: red
                  - type: line
                    baseline: 160
                    start: 16
                    end: 208
                    width: 2
                    orientation: horizontal
                    color: black
                    style: solid
                  - type: line
                    baseline: 168
                    start: 16
                    end: 208
                    width: 2
                    orientation: horizontal
                    color: blue
                    style: dashed
                  - type: line
                    baseline: 184
                    start: 16
                    end: 207    # purposefully cut off
                    width: 2
                    orientation: horizontal
                    color: green
                    style: dotted
                  - type: line
                    baseline: 192
                    start: 16
                    end: 208
                    width: 6
                    thickness: 2
                    orientation: horizontal
                    color: red
                    style: wavy
                  -
                    type: pop-all-shadows
              
                  -
                    type: "shadow"
                    bounds: [8, 220, 225, 40]
                    blur-radius: 0
                    offset: [5, 7]
                    color: red
                  - type: line
                    baseline: 232
                    start: 16
                    end: 208
                    width: 8
                    orientation: horizontal
                    color: black
                    style: solid
                  - type: line
                    baseline: 248
                    start: 16
                    end: 208
                    width: 8
                    orientation: horizontal
                    color: blue
                    style: dashed
                  - type: line
                    baseline: 272
                    start: 16
                    end: 205    # purposefully cut off
                    width: 8
                    orientation: horizontal
                    color: green
                    style: dotted
                  - type: line
                    baseline: 296
                    start: 16
                    end: 208
                    width: 12
                    thickness: 3
                    orientation: horizontal
                    color: black
                    style: wavy
                  -
                    type: "pop-all-shadows"
              
                  -
                    type: "shadow"
                    bounds: [0, 320, 240, 140]
                    blur-radius: 3
                    offset: [5, 7]
                    color: red
                  - type: line
                    baseline: 320
                    start: 16
                    end: 208
                    width: 8
                    orientation: horizontal
                    color: black
                    style: solid
                  - type: line
                    baseline: 352
                    start: 16
                    end: 208
                    width: 8
                    orientation: horizontal
                    color: blue
                    style: dashed
                  - type: line
                    baseline: 368
                    start: 16
                    end: 205    # purposefully cut off
                    width: 8
                    orientation: horizontal
                    color: green
                    style: dotted
                  - type: line
                    baseline: 392
                    start: 16
                    end: 208
                    width: 16
                    thickness: 4
                    orientation: horizontal
                    color: black
                    style: wavy
                  -
                    type: "pop-all-shadows"
              
                  - type: line
                    baseline: 224
                    start: 16
                    end: 208
                    width: 1
                    orientation: vertical
                    color: black
                    style: solid
                  - type: line
                    baseline: 232
                    start: 16
                    end: 208
                    width: 1
                    orientation: vertical
                    color: blue
                    style: dashed
                  - type: line
                    baseline: 240
                    start: 16
                    end: 208
                    width: 1
                    orientation: vertical
                    color: green
                    style: dotted
                  - type: line
                    baseline: 256
                    start: 16
                    end: 208
                    thickness: 1
                    width: 4
                    orientation: vertical
                    color: red
                    style: wavy
              
                  - type: line
                    baseline: 272
                    start: 16
                    end: 208
                    width: 2
                    orientation: vertical
                    color: black
                    style: solid
                  - type: line
                    baseline: 296
                    start: 16
                    end: 208
                    width: 2
                    orientation: vertical
                    color: blue
                    style: dashed
                  - type: line
                    baseline: 320
                    start: 16
                    end: 207    # purposefully cut off
                    width: 2
                    orientation: vertical
                    color: green
                    style: dotted
                  - type: line
                    baseline: 336
                    start: 16
                    end: 208
                    thickness: 2
                    width: 6
                    orientation: vertical
                    color: red
                    style: wavy
              
                  -
                    type: "shadow"
                    bounds: [350, 0, 120, 240]
                    blur-radius: 3
                    offset: [5, 2]
                    color: black
                  - type: line
                    baseline: 384
                    start: 16
                    end: 208
                    width: 8
                    orientation: vertical
                    color: yellow
                    style: solid
                  - type: line
                    baseline: 400
                    start: 16
                    end: 208
                    width: 8
                    orientation: vertical
                    color: blue
                    style: dashed
                  - type: line
                    baseline: 416
                    start: 16
                    end: 205  # purposefully cut off
                    width: 8
                    orientation: vertical
                    color: green
                    style: dotted
                  - type: line
                    baseline: 440
                    start: 16
                    end: 208
                    thickness: 4
                    width: 16
                    orientation: vertical
                    color: red
                    style: wavy
                  -
                    type: "pop-all-shadows"
                  - text: "side-left"
                    origin: 80 120
                    size: 32
                    transpose: true
                    flip-x: true
                    font: "VeraBd.ttf"
                    color: [40,40,40,1.0]
                  - text: "side-right"
                    origin: 240 240
                    size: 32
                    color: [190,180,200,1.0]
                    transpose: true
                    flip-y: true
                    font: "FreeSans.ttf"
              
