{
  "observedDate": "2026-09-12",
  "sourceUrl": "https://brightfieldnotes.com/tools/text-layout-lab",
  "browserFamily": "Chrome desktop",
  "version": "not recorded",
  "zoom": "not changed during this run; exact level not recorded",
  "sampleText": "Read the full label before continuing.",
  "settings": {
    "widthPx": 300,
    "fontSizePx": 20,
    "wrapping": "normal",
    "fontFamily": "Arial, Helvetica, sans-serif",
    "lineHeight": 1.5,
    "paddingPx": 12,
    "borderPx": 1,
    "boxSizing": "border-box"
  },
  "runs": [
    {
      "label": "1280px baseline",
      "observedAt": "2026-09-12T14:56:17.834Z",
      "displayed": "300.0\nactual box width / CSS px\n86.0\nbox height / CSS px\n298\nscroll width / CSS px\nNo\nhorizontal overflow",
      "dimensions": {
        "sample": {
          "boxWidth": 300,
          "clientWidth": 298,
          "height": 86,
          "scrollWidth": 298
        },
        "stage": {
          "clientWidth": 512,
          "scrollWidth": 512
        },
        "viewportCssWidth": 1280
      }
    },
    {
      "label": "390px narrow viewport",
      "observedAt": "2026-09-12T14:56:40.216Z",
      "displayed": "300.0\nactual box width / CSS px\n86.0\nbox height / CSS px\n298\nscroll width / CSS px\nNo\nhorizontal overflow",
      "dimensions": {
        "sample": {
          "boxWidth": 300,
          "clientWidth": 298,
          "height": 86,
          "scrollWidth": 298
        },
        "stage": {
          "clientWidth": 296,
          "scrollWidth": 344
        },
        "viewportCssWidth": 390
      }
    },
    {
      "label": "1280px repeated baseline",
      "observedAt": "2026-09-12T14:57:13.979Z",
      "displayed": "300.0\nactual box width / CSS px\n86.0\nbox height / CSS px\n298\nscroll width / CSS px\nNo\nhorizontal overflow",
      "dimensions": {
        "sample": {
          "boxWidth": 300,
          "clientWidth": 298,
          "height": 86,
          "scrollWidth": 298
        },
        "stage": {
          "clientWidth": 512,
          "scrollWidth": 512
        },
        "viewportCssWidth": 1280
      }
    }
  ],
  "limits": [
    "One browser environment; no cross-browser comparison",
    "A 390 CSS pixel viewport does not establish mobile device behavior",
    "Sample overflow and surrounding stage overflow measure different elements",
    "Not a browser-zoom or accessibility conformance test"
  ],
  "sourceSHA256": {
    "components/Tool.tsx": "45d80c52b692306481e212fc3f09ef52f66564ccd5ffc4a8cc0bc3e0a8266df7",
    "app/globals.css": "9ae202205b92d17d1a61836845e3187a5d13475dfd71eed64d4aba41d159e8ce"
  }
}