{
  "status": "PASS",
  "beforeRevision": "62849086007d49596ed2cd0733d3ee12f879969b",
  "afterRevision": "6a5d1d78a92a29f3087dd397c0aa120b548e678f",
  "states": {
    "before": [
      {
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "rootFontSize": "16px",
        "path": "/",
        "roles": {
          "panel": {
            "props": {
              "minHeight": "216px",
              "height": "298.5px",
              "width": "670px",
              "display": "flex",
              "flexDirection": "column",
              "paddingTop": "0px",
              "paddingBottom": "0px",
              "borderTopWidth": "1px",
              "borderRadius": "12px",
              "overflowX": "visible",
              "overflowY": "visible",
              "fontSize": "16px",
              "color": "rgb(190, 190, 190)",
              "backgroundColor": "rgba(0, 0, 0, 0)"
            },
            "rect": {
              "x": 385,
              "y": 404.75,
              "width": 670,
              "height": 298.5
            }
          },
          "modal": {
            "props": {
              "minHeight": "0px",
              "height": "456.5px",
              "width": "720px",
              "display": "block",
              "flexDirection": "row",
              "paddingTop": "24px",
              "paddingBottom": "24px",
              "borderTopWidth": "1px",
              "borderRadius": "12px",
              "overflowX": "hidden",
              "overflowY": "auto",
              "fontSize": "16px",
              "color": "rgb(190, 190, 190)",
              "backgroundColor": "rgb(32, 32, 32)"
            },
            "rect": {
              "x": 360,
              "y": 271.75,
              "width": 720,
              "height": 456.5
            }
          },
          "token": {
            "props": {
              "minHeight": "36px",
              "height": "36px",
              "width": "384px",
              "display": "block",
              "flexDirection": "row",
              "paddingTop": "0px",
              "paddingBottom": "0px",
              "borderTopWidth": "1px",
              "borderRadius": "8px",
              "overflowX": "clip",
              "overflowY": "clip",
              "fontSize": "14px",
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(32, 32, 32)"
            },
            "rect": {
              "x": 528,
              "y": 551.25,
              "width": 384,
              "height": 36
            }
          },
          "submit": {
            "props": {
              "minHeight": "36px",
              "height": "36px",
              "width": "384px",
              "display": "flex",
              "flexDirection": "row",
              "paddingTop": "0px",
              "paddingBottom": "0px",
              "borderTopWidth": "0px",
              "borderRadius": "8px",
              "overflowX": "visible",
              "overflowY": "visible",
              "fontSize": "14px",
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgb(64, 64, 64)"
            },
            "rect": {
              "x": 528,
              "y": 642.25,
              "width": 384,
              "height": 36
            }
          }
        }
      },
      {
        "viewport": {
          "width": 390,
          "height": 844
        },
        "rootFontSize": "16px",
        "path": "/",
        "roles": {
          "panel": {
            "props": {
              "minHeight": "216px",
              "height": "340.75px",
              "width": "301px",
              "display": "flex",
              "flexDirection": "column",
              "paddingTop": "0px",
              "paddingBottom": "0px",
              "borderTopWidth": "1px",
              "borderRadius": "12px",
              "overflowX": "visible",
              "overflowY": "visible",
              "fontSize": "16px",
              "color": "rgb(190, 190, 190)",
              "backgroundColor": "rgba(0, 0, 0, 0)"
            },
            "rect": {
              "x": 44.5,
              "y": 305.625,
              "width": 301,
              "height": 340.75
            }
          },
          "modal": {
            "props": {
              "minHeight": "0px",
              "height": "498.75px",
              "width": "351px",
              "display": "block",
              "flexDirection": "row",
              "paddingTop": "24px",
              "paddingBottom": "24px",
              "borderTopWidth": "1px",
              "borderRadius": "12px",
              "overflowX": "hidden",
              "overflowY": "auto",
              "fontSize": "16px",
              "color": "rgb(190, 190, 190)",
              "backgroundColor": "rgb(32, 32, 32)"
            },
            "rect": {
              "x": 19.5,
              "y": 172.625,
              "width": 351,
              "height": 498.75
            }
          },
          "token": {
            "props": {
              "minHeight": "36px",
              "height": "36px",
              "width": "259px",
              "display": "block",
              "flexDirection": "row",
              "paddingTop": "0px",
              "paddingBottom": "0px",
              "borderTopWidth": "1px",
              "borderRadius": "8px",
              "overflowX": "clip",
              "overflowY": "clip",
              "fontSize": "14px",
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(32, 32, 32)"
            },
            "rect": {
              "x": 65.5,
              "y": 474.875,
              "width": 259,
              "height": 36
            }
          },
          "submit": {
            "props": {
              "minHeight": "36px",
              "height": "36px",
              "width": "259px",
              "display": "flex",
              "flexDirection": "row",
              "paddingTop": "0px",
              "paddingBottom": "0px",
              "borderTopWidth": "0px",
              "borderRadius": "8px",
              "overflowX": "visible",
              "overflowY": "visible",
              "fontSize": "14px",
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgb(64, 64, 64)"
            },
            "rect": {
              "x": 65.5,
              "y": 585.375,
              "width": 259,
              "height": 36
            }
          }
        }
      }
    ],
    "after": [
      {
        "viewport": {
          "width": 1440,
          "height": 1000
        },
        "rootFontSize": "16px",
        "path": "/",
        "roles": {
          "panel": {
            "props": {
              "minHeight": "216px",
              "height": "298.5px",
              "width": "670px",
              "display": "flex",
              "flexDirection": "column",
              "paddingTop": "0px",
              "paddingBottom": "0px",
              "borderTopWidth": "1px",
              "borderRadius": "12px",
              "overflowX": "visible",
              "overflowY": "visible",
              "fontSize": "16px",
              "color": "rgb(190, 190, 190)",
              "backgroundColor": "rgba(0, 0, 0, 0)"
            },
            "rect": {
              "x": 385,
              "y": 404.75,
              "width": 670,
              "height": 298.5
            }
          },
          "modal": {
            "props": {
              "minHeight": "0px",
              "height": "456.5px",
              "width": "720px",
              "display": "block",
              "flexDirection": "row",
              "paddingTop": "24px",
              "paddingBottom": "24px",
              "borderTopWidth": "1px",
              "borderRadius": "12px",
              "overflowX": "hidden",
              "overflowY": "auto",
              "fontSize": "16px",
              "color": "rgb(190, 190, 190)",
              "backgroundColor": "rgb(32, 32, 32)"
            },
            "rect": {
              "x": 360,
              "y": 271.75,
              "width": 720,
              "height": 456.5
            }
          },
          "token": {
            "props": {
              "minHeight": "36px",
              "height": "36px",
              "width": "384px",
              "display": "block",
              "flexDirection": "row",
              "paddingTop": "0px",
              "paddingBottom": "0px",
              "borderTopWidth": "1px",
              "borderRadius": "8px",
              "overflowX": "clip",
              "overflowY": "clip",
              "fontSize": "14px",
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(32, 32, 32)"
            },
            "rect": {
              "x": 528,
              "y": 551.25,
              "width": 384,
              "height": 36
            }
          },
          "submit": {
            "props": {
              "minHeight": "36px",
              "height": "36px",
              "width": "384px",
              "display": "flex",
              "flexDirection": "row",
              "paddingTop": "0px",
              "paddingBottom": "0px",
              "borderTopWidth": "0px",
              "borderRadius": "8px",
              "overflowX": "visible",
              "overflowY": "visible",
              "fontSize": "14px",
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgb(64, 64, 64)"
            },
            "rect": {
              "x": 528,
              "y": 642.25,
              "width": 384,
              "height": 36
            }
          }
        }
      },
      {
        "viewport": {
          "width": 390,
          "height": 844
        },
        "rootFontSize": "16px",
        "path": "/",
        "roles": {
          "panel": {
            "props": {
              "minHeight": "216px",
              "height": "340.75px",
              "width": "301px",
              "display": "flex",
              "flexDirection": "column",
              "paddingTop": "0px",
              "paddingBottom": "0px",
              "borderTopWidth": "1px",
              "borderRadius": "12px",
              "overflowX": "visible",
              "overflowY": "visible",
              "fontSize": "16px",
              "color": "rgb(190, 190, 190)",
              "backgroundColor": "rgba(0, 0, 0, 0)"
            },
            "rect": {
              "x": 44.5,
              "y": 305.625,
              "width": 301,
              "height": 340.75
            }
          },
          "modal": {
            "props": {
              "minHeight": "0px",
              "height": "498.75px",
              "width": "351px",
              "display": "block",
              "flexDirection": "row",
              "paddingTop": "24px",
              "paddingBottom": "24px",
              "borderTopWidth": "1px",
              "borderRadius": "12px",
              "overflowX": "hidden",
              "overflowY": "auto",
              "fontSize": "16px",
              "color": "rgb(190, 190, 190)",
              "backgroundColor": "rgb(32, 32, 32)"
            },
            "rect": {
              "x": 19.5,
              "y": 172.625,
              "width": 351,
              "height": 498.75
            }
          },
          "token": {
            "props": {
              "minHeight": "36px",
              "height": "36px",
              "width": "259px",
              "display": "block",
              "flexDirection": "row",
              "paddingTop": "0px",
              "paddingBottom": "0px",
              "borderTopWidth": "1px",
              "borderRadius": "8px",
              "overflowX": "clip",
              "overflowY": "clip",
              "fontSize": "14px",
              "color": "rgb(255, 255, 255)",
              "backgroundColor": "rgb(32, 32, 32)"
            },
            "rect": {
              "x": 65.5,
              "y": 474.875,
              "width": 259,
              "height": 36
            }
          },
          "submit": {
            "props": {
              "minHeight": "36px",
              "height": "36px",
              "width": "259px",
              "display": "flex",
              "flexDirection": "row",
              "paddingTop": "0px",
              "paddingBottom": "0px",
              "borderTopWidth": "0px",
              "borderRadius": "8px",
              "overflowX": "visible",
              "overflowY": "visible",
              "fontSize": "14px",
              "color": "rgb(151, 151, 151)",
              "backgroundColor": "rgb(64, 64, 64)"
            },
            "rect": {
              "x": 65.5,
              "y": 585.375,
              "width": 259,
              "height": 36
            }
          }
        }
      }
    ]
  },
  "allSelectedStylesAndRectsMatched": true,
  "panels": 2,
  "viewports": [
    "1440x1000",
    "390x844"
  ],
  "minHeight": "216px at 16px root; compiled declaration remains13.5rem",
  "scope": "Real isolated standalone Local Canvas with real MARS web bridge, unauthenticated DigitalOcean panel only. No token filled/submitted, provider resources, model calls, automation or conversation execution. Original PNG/MP4 bytes retained. Original larger chooser film stays at historical3dd7c0f; this supplement is captured from exact main and final6a5d1d7.",
  "browserErrors": "zero on both selected phases",
  "privacy": "No credentials or user account data entered or shown; only owned loopback context."
}