{ "generatedAt": "2026-08-29T05:34:12.635Z", "reports": [ { "route": "/preview/demo", "ref": "demo.html", "deltas": [ { "path": "body", "type": "style", "tag": "body", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "1280px" }, "height": { "ours": "2138.97px", "ref": "1528.5px" }, "rect": { "ours": { "x": 0, "y": 0, "w": 1440, "h": 2139 }, "ref": { "x": 0, "y": 0, "w": 1280, "h": 1529 } } } }, { "path": "body > main:1", "type": "style", "tag": "main", "text": "", "deltas": { "backgroundColor": { "ours": "rgba(0, 0, 0, 0)", "ref": "rgb(238, 241, 244)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "1280px" }, "height": { "ours": "2138.97px", "ref": "1528.5px" }, "rect": { "ours": { "x": 0, "y": 0, "w": 1440, "h": 2139 }, "ref": { "x": 0, "y": 0, "w": 1280, "h": 1529 } } } }, { "path": "body > main:1 > header:1", "type": "style", "tag": "header", "text": "", "deltas": { "padding": { "ours": "0px 57.6px", "ref": "0px 51.2px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "1280px" }, "rect": { "ours": { "x": 0, "y": 0, "w": 1440, "h": 64 }, "ref": { "x": 0, "y": 0, "w": 1280, "h": 64 } } } }, { "path": "body > main:1 > header:1 > a:1", "type": "style", "tag": "a", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "246.812px", "ref": "231.469px" }, "rect": { "ours": { "x": 58, "y": 17, "w": 247, "h": 30 }, "ref": { "x": 51, "y": 17, "w": 231, "h": 30 } } } }, { "path": "body > main:1 > header:1 > a:1 > span:1", "type": "style", "tag": "span", "text": "EP", "deltas": { "borderTopColor": { "ours": "rgb(255, 255, 255)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 58, "y": 17, "w": 30, "h": 30 }, "ref": { "x": 51, "y": 17, "w": 30, "h": 30 } } } }, { "path": "body > main:1 > header:1 > a:1 > span:2", "type": "style", "tag": "span", "text": "easy-png-tools", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "117.609px", "ref": "107.766px" }, "height": { "ours": "18px", "ref": "17px" }, "rect": { "ours": { "x": 98, "y": 23, "w": 118, "h": 18 }, "ref": { "x": 91, "y": 23, "w": 108, "h": 17 } } } }, { "path": "body > main:1 > header:1 > a:1 > span:3", "type": "style", "tag": "span", "text": "/ WORKSPACE", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "79.2031px", "ref": "73.7031px" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 225, "y": 25, "w": 79, "h": 13 }, "ref": { "x": 209, "y": 26, "w": 74, "h": 12 } } } }, { "path": "body > main:1 > header:1 > nav:2", "type": "style", "tag": "nav", "text": "", "deltas": { "gap": { "ours": "18px", "ref": "22px" }, "margin": { "ours": "0px 0px 0px 24px", "ref": "0px 28px 0px 355.891px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "376.594px", "ref": "296.938px" }, "height": { "ours": "15px", "ref": "12px" }, "rect": { "ours": { "x": 528, "y": 24, "w": 377, "h": 15 }, "ref": { "x": 639, "y": 26, "w": 297, "h": 12 } } } }, { "path": "body > main:1 > header:1 > nav:2 > a:1", "type": "style", "tag": "a", "text": "Workspace", "deltas": { "fontSize": { "ours": "12px", "ref": "10px" }, "letterSpacing": { "ours": "0.48px", "ref": "normal" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "69.125px", "ref": "49.4844px" }, "height": { "ours": "15px", "ref": "12px" }, "rect": { "ours": { "x": 528, "y": 24, "w": 69, "h": 15 }, "ref": { "x": 639, "y": 26, "w": 49, "h": 12 } } } }, { "path": "body > main:1 > header:1 > nav:2 > a:2", "type": "style", "tag": "a", "text": "Catalog", "deltas": { "fontSize": { "ours": "12px", "ref": "10px" }, "letterSpacing": { "ours": "0.48px", "ref": "normal" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "53.7656px", "ref": "38.5px" }, "height": { "ours": "15px", "ref": "12px" }, "rect": { "ours": { "x": 615, "y": 24, "w": 54, "h": 15 }, "ref": { "x": 710, "y": 26, "w": 39, "h": 12 } } } }, { "path": "body > main:1 > header:1 > nav:2 > a:3", "type": "style", "tag": "a", "text": "Gradient", "deltas": { "fontSize": { "ours": "12px", "ref": "10px" }, "letterSpacing": { "ours": "0.48px", "ref": "normal" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "61.4531px", "ref": "43.9844px" }, "height": { "ours": "15px", "ref": "12px" }, "rect": { "ours": { "x": 687, "y": 24, "w": 61, "h": 15 }, "ref": { "x": 771, "y": 26, "w": 44, "h": 12 } } } }, { "path": "body > main:1 > header:1 > nav:2 > a:4", "type": "style", "tag": "a", "text": "Background remover", "deltas": { "fontSize": { "ours": "12px", "ref": "10px" }, "letterSpacing": { "ours": "0.48px", "ref": "normal" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "138.25px", "ref": "98.9688px" }, "height": { "ours": "15px", "ref": "12px" }, "rect": { "ours": { "x": 767, "y": 24, "w": 138, "h": 15 }, "ref": { "x": 837, "y": 26, "w": 99, "h": 12 } } } }, { "path": "body > main:1 > header:1 > div:3", "type": "style", "tag": "div", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "277.812px", "ref": "265.328px" }, "height": { "ours": "28px", "ref": "29px" }, "rect": { "ours": { "x": 1105, "y": 18, "w": 278, "h": 28 }, "ref": { "x": 963, "y": 17, "w": 265, "h": 29 } } } }, { "path": "body > main:1 > header:1 > div:3 > span:1", "type": "style", "tag": "span", "text": "AUTO PIPELINE", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "103.406px", "ref": "94.875px" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 1105, "y": 25, "w": 103, "h": 13 }, "ref": { "x": 963, "y": 26, "w": 95, "h": 12 } } } }, { "path": "body > main:1 > header:1 > div:3 > span:1 > i:1", "type": "style", "tag": "i", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "8px", "ref": "6px" }, "height": { "ours": "8px", "ref": "6px" }, "boxShadow": { "ours": "color(srgb 0.145098 0.662745 0.415686 / 0.25) 0px 0px 0px 2px", "ref": "none" }, "rect": { "ours": { "x": 1105, "y": 28, "w": 8, "h": 8 }, "ref": { "x": 963, "y": 29, "w": 6, "h": 6 } } } }, { "path": "body > main:1 > header:1 > div:3 > button:2", "type": "style", "tag": "button", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "display": { "ours": "flex", "ref": "grid" }, "justifyContent": { "ours": "center", "ref": "normal" }, "gridTemplateColumns": { "ours": "none", "ref": "17px" }, "width": { "ours": "28px", "ref": "29px" }, "height": { "ours": "28px", "ref": "29px" }, "rect": { "ours": { "x": 1224, "y": 18, "w": 28, "h": 28 }, "ref": { "x": 1074, "y": 17, "w": 29, "h": 29 } } } }, { "path": "body > main:1 > header:1 > div:3 > button:2 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "16px", "ref": "17px" }, "height": { "ours": "16px", "ref": "17px" }, "rect": { "ours": { "x": 1230, "y": 24, "w": 16, "h": 16 }, "ref": { "x": 1080, "y": 23, "w": 17, "h": 17 } } } }, { "path": "body > main:1 > header:1 > div:3 > button:3", "type": "style", "tag": "button", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "display": { "ours": "flex", "ref": "grid" }, "justifyContent": { "ours": "center", "ref": "normal" }, "gridTemplateColumns": { "ours": "none", "ref": "17px" }, "width": { "ours": "28px", "ref": "29px" }, "height": { "ours": "28px", "ref": "29px" }, "rect": { "ours": { "x": 1268, "y": 18, "w": 28, "h": 28 }, "ref": { "x": 1119, "y": 17, "w": 29, "h": 29 } } } }, { "path": "body > main:1 > header:1 > div:3 > button:3 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "16px", "ref": "17px" }, "height": { "ours": "16px", "ref": "17px" }, "rect": { "ours": { "x": 1274, "y": 24, "w": 16, "h": 16 }, "ref": { "x": 1125, "y": 23, "w": 17, "h": 17 } } } }, { "path": "body > main:1 > header:1 > div:3 > div:4", "type": "style", "tag": "div", "text": "", "deltas": { "alignItems": { "ours": "normal", "ref": "center" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "70.4062px", "ref": "64.4531px" }, "height": { "ours": "27px", "ref": "26px" }, "rect": { "ours": { "x": 1312, "y": 18, "w": 70, "h": 27 }, "ref": { "x": 1164, "y": 19, "w": 64, "h": 26 } } } }, { "path": "body > main:1 > header:1 > div:3 > div:4 > button:1", "type": "style", "tag": "button", "text": "RU", "deltas": { "letterSpacing": { "ours": "0.6px", "ref": "normal" }, "width": { "ours": "31.2031px", "ref": "29px" }, "height": { "ours": "25px", "ref": "24px" }, "rect": { "ours": { "x": 1313, "y": 19, "w": 31, "h": 25 }, "ref": { "x": 1165, "y": 20, "w": 29, "h": 24 } } } }, { "path": "body > main:1 > header:1 > div:3 > div:4 > span:2", "type": "style", "tag": "span", "text": "/", "deltas": { "fontFamily": { "ours": "\"IBM Plex Mono\", monospace", "ref": "\"IBM Plex Sans\", sans-serif" }, "fontSize": { "ours": "10px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "color": { "ours": "rgb(109, 120, 131)", "ref": "rgb(23, 33, 43)" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "6px", "ref": "4.45312px" }, "height": { "ours": "13px", "ref": "24px" }, "rect": { "ours": { "x": 1344, "y": 25, "w": 6, "h": 13 }, "ref": { "x": 1194, "y": 20, "w": 4, "h": 24 } } } }, { "path": "body > main:1 > header:1 > div:3 > div:4 > button:3", "type": "style", "tag": "button", "text": "EN", "deltas": { "letterSpacing": { "ours": "0.6px", "ref": "normal" }, "width": { "ours": "31.2031px", "ref": "29px" }, "height": { "ours": "25px", "ref": "24px" }, "rect": { "ours": { "x": 1350, "y": 19, "w": 31, "h": 25 }, "ref": { "x": 1199, "y": 20, "w": 29, "h": 24 } } } }, { "path": "body > main:1 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "gridTemplateColumns": { "ours": "508.812px 520px", "ref": "588.844px 532.766px" }, "padding": { "ours": "60px 57.6px 72px", "ref": "60px 51.2px 72px" }, "margin": { "ours": "0px 120px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1200px", "ref": "1280px" }, "height": { "ours": "2025.97px", "ref": "1418.5px" }, "rect": { "ours": { "x": 120, "y": 64, "w": 1200, "h": 2026 }, "ref": { "x": 0, "y": 64, "w": 1280, "h": 1419 } } } }, { "path": "body > main:1 > div:2 > section:1", "type": "style", "tag": "section", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "508.812px", "ref": "588.844px" }, "height": { "ours": "970.453px", "ref": "980.594px" }, "rect": { "ours": { "x": 178, "y": 124, "w": 509, "h": 970 }, "ref": { "x": 51, "y": 124, "w": 589, "h": 981 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:1", "type": "style", "tag": "div", "text": "PNG PROCESSING WORKSPACE", "deltas": { "color": { "ours": "rgb(109, 120, 131)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "508.812px", "ref": "588.844px" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 178, "y": 124, "w": 509, "h": 13 }, "ref": { "x": 51, "y": 124, "w": 589, "h": 12 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:1 > span:1", "type": "style", "tag": "span", "text": "/", "deltas": { "color": { "ours": "rgb(23, 105, 210)", "ref": "rgb(109, 120, 131)" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 293, "y": 124, "w": 7, "h": 13 }, "ref": { "x": 159, "y": 124, "w": 13, "h": 12 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "508.812px", "ref": "588.844px" }, "height": { "ours": "248.266px", "ref": "169.594px" }, "rect": { "ours": { "x": 178, "y": 155, "w": 509, "h": 248 }, "ref": { "x": 51, "y": 154, "w": 589, "h": 170 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:2 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "316.203px", "ref": "405.062px" }, "height": { "ours": "248.266px", "ref": "169.594px" }, "rect": { "ours": { "x": 178, "y": 155, "w": 316, "h": 248 }, "ref": { "x": 51, "y": 154, "w": 405, "h": 170 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:2 > div:1 > h1:1", "type": "style", "tag": "h1", "text": "Build your image pipeline.", "deltas": { "fontSize": { "ours": "57.6px", "ref": "51.2px" }, "lineHeight": { "ours": "51.84px", "ref": "51.2px" }, "letterSpacing": { "ours": "-3.456px", "ref": "-3.072px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "316.203px", "ref": "405.062px" }, "height": { "ours": "155.484px", "ref": "102.406px" }, "rect": { "ours": { "x": 178, "y": 155, "w": 316, "h": 155 }, "ref": { "x": 51, "y": 154, "w": 405, "h": 102 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:2 > div:1 > p:2", "type": "style", "tag": "p", "text": "Chain simple tools together. Every change is processed automatically and previewed at each stage.", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "316.203px", "ref": "405.062px" }, "height": { "ours": "76.7812px", "ref": "51.1875px" }, "rect": { "ours": { "x": 178, "y": 326, "w": 316, "h": 77 }, "ref": { "x": 51, "y": 272, "w": 405, "h": 51 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:2 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "width": { "ours": "162.609px", "ref": "153.781px" }, "rect": { "ours": { "x": 524, "y": 366, "w": 163, "h": 37 }, "ref": { "x": 486, "y": 287, "w": 154, "h": 37 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:2 > div:2 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 537, "y": 377, "w": 15, "h": 15 }, "ref": { "x": 499, "y": 298, "w": 15, "h": 15 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:2 > div:2 > span:2", "type": "style", "tag": "span", "text": "source.png", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "66px", "ref": "60.4844px" }, "height": { "ours": "14px", "ref": "13px" }, "rect": { "ours": { "x": 560, "y": 378, "w": 66, "h": 14 }, "ref": { "x": 522, "y": 299, "w": 60, "h": 13 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:2 > div:2 > b:3", "type": "style", "tag": "b", "text": "1.8 MB", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "39.6094px", "ref": "36.2969px" }, "height": { "ours": "14px", "ref": "13px" }, "rect": { "ours": { "x": 634, "y": 378, "w": 40, "h": 14 }, "ref": { "x": 591, "y": 299, "w": 36, "h": 13 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:3", "type": "style", "tag": "div", "text": "", "deltas": { "gap": { "ours": "16px", "ref": "normal" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "508.812px", "ref": "588.844px" }, "height": { "ours": "50px", "ref": "59px" }, "rect": { "ours": { "x": 178, "y": 459, "w": 509, "h": 50 }, "ref": { "x": 51, "y": 380, "w": 589, "h": 59 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:3 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "flex", "ref": "block" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "2px", "ref": "normal" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "153.609px", "ref": "148.484px" }, "height": { "ours": "37px", "ref": "46px" }, "rect": { "ours": { "x": 178, "y": 459, "w": 154, "h": 37 }, "ref": { "x": 51, "y": 380, "w": 148, "h": 46 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:3 > div:1 > span:1", "type": "style", "tag": "span", "text": "PROCESSING PIPELINE", "deltas": { "lineHeight": { "ours": "12px", "ref": "normal" }, "letterSpacing": { "ours": "1px", "ref": "1.2px" }, "textTransform": { "ours": "uppercase", "ref": "none" }, "display": { "ours": "block", "ref": "inline" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "153.609px", "ref": "auto" }, "height": { "ours": "12px", "ref": "auto" }, "rect": { "ours": { "x": 178, "y": 459, "w": 154, "h": 12 }, "ref": { "x": 51, "y": 388, "w": 127, "h": 12 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:3 > div:1 > strong:2", "type": "style", "tag": "strong", "text": "4 active steps", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "153.609px", "ref": "148.484px" }, "height": { "ours": "18px", "ref": "17px" }, "rect": { "ours": { "x": 178, "y": 478, "w": 154, "h": 18 }, "ref": { "x": 51, "y": 409, "w": 148, "h": 17 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:3 > div:1 > strong:2 > em:1", "type": "style", "tag": "em", "text": "• LIVE", "deltas": { "borderTopColor": { "ours": "rgb(37, 169, 106)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 295, "y": 482, "w": 36, "h": 13 }, "ref": { "x": 167, "y": 413, "w": 33, "h": 12 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:3 > button:2", "type": "style", "tag": "button", "text": "Add tool", "deltas": { "lineHeight": { "ours": "normal", "ref": "18px" }, "padding": { "ours": "1px 6px", "ref": "0px" }, "width": { "ours": "79.3125px", "ref": "66.0469px" }, "height": { "ours": "17px", "ref": "18px" }, "rect": { "ours": { "x": 607, "y": 469, "w": 79, "h": 17 }, "ref": { "x": 574, "y": 394, "w": 66, "h": 18 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:3 > button:2 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "lineHeight": { "ours": "normal", "ref": "18px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 613, "y": 470, "w": 15, "h": 15 }, "ref": { "x": 574, "y": 395, "w": 15, "h": 15 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4", "type": "style", "tag": "div", "text": "", "deltas": { "gridTemplateColumns": { "ours": "508.812px", "ref": "588.844px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "508.812px", "ref": "588.844px" }, "height": { "ours": "550.188px", "ref": "630px" }, "rect": { "ours": { "x": 178, "y": 509, "w": 509, "h": 550 }, "ref": { "x": 51, "y": 439, "w": 589, "h": 630 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1", "type": "style", "tag": "article", "text": "", "deltas": { "gridTemplateColumns": { "ours": "46px 460.812px", "ref": "46px 20px 520.844px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "508.812px", "ref": "588.844px" }, "height": { "ours": "149px", "ref": "152px" }, "rect": { "ours": { "x": 178, "y": 523, "w": 509, "h": 149 }, "ref": { "x": 51, "y": 453, "w": 589, "h": 152 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > div:1", "type": "style", "tag": "div", "text": "01", "deltas": { "fontSize": { "ours": "22px", "ref": "11px" }, "fontWeight": { "ours": "600", "ref": "400" }, "lineHeight": { "ours": "22px", "ref": "normal" }, "padding": { "ours": "17px 0px 6px 15px", "ref": "17px 0px 0px 15px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "45px", "ref": "150px" }, "rect": { "ours": { "x": 179, "y": 524, "w": 46, "h": 45 }, "ref": { "x": 52, "y": 454, "w": 46, "h": 150 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > svg:2", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "margin": { "ours": "0px", "ref": "17px 0px 0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 179, "y": 569, "w": 16, "h": 16 }, "ref": { "x": 98, "y": 471, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "flex", "ref": "block" }, "flexDirection": { "ours": "column", "ref": "row" }, "padding": { "ours": "0px", "ref": "15px 18px 18px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "460.812px", "ref": "520.844px" }, "height": { "ours": "147px", "ref": "150px" }, "rect": { "ours": { "x": 225, "y": 524, "w": 461, "h": 147 }, "ref": { "x": 118, "y": 454, "w": 521, "h": 150 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "alignItems": { "ours": "flex-start", "ref": "center" }, "gap": { "ours": "8px", "ref": "15px" }, "padding": { "ours": "8px 12px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "460.812px", "ref": "484.844px" }, "height": { "ours": "72px", "ref": "65px" }, "rect": { "ours": { "x": 225, "y": 524, "w": 461, "h": 72 }, "ref": { "x": 136, "y": 469, "w": 485, "h": 65 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:1 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "flex", "ref": "block" }, "flexDirection": { "ours": "column", "ref": "row" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "171px", "ref": "156.703px" }, "height": { "ours": "55px", "ref": "65px" }, "rect": { "ours": { "x": 237, "y": 532, "w": 171, "h": 55 }, "ref": { "x": 136, "y": 469, "w": 157, "h": 65 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:1 > div:1 > span:1", "type": "style", "tag": "span", "text": "BACKGROUND", "deltas": { "textTransform": { "ours": "uppercase", "ref": "none" }, "display": { "ours": "block", "ref": "inline" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "171px", "ref": "auto" }, "height": { "ours": "13px", "ref": "auto" }, "rect": { "ours": { "x": 237, "y": 532, "w": 171, "h": 13 }, "ref": { "x": 136, "y": 477, "w": 67, "h": 12 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:1 > div:1 > h2:2", "type": "style", "tag": "h2", "text": "Gradient background", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "171px", "ref": "156.703px" }, "height": { "ours": "19px", "ref": "18px" }, "rect": { "ours": { "x": 237, "y": 550, "w": 171, "h": 19 }, "ref": { "x": 136, "y": 498, "w": 157, "h": 18 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:1 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "gap": { "ours": "8px", "ref": "13px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "121.375px", "ref": "97px" }, "height": { "ours": "21.7812px", "ref": "17px" }, "rect": { "ours": { "x": 552, "y": 532, "w": 121, "h": 22 }, "ref": { "x": 524, "y": 493, "w": 97, "h": 17 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:1 > div:2 > span:1", "type": "style", "tag": "span", "text": "AUTO", "deltas": { "lineHeight": { "ours": "15px", "ref": "normal" }, "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "textTransform": { "ours": "uppercase", "ref": "none" }, "color": { "ours": "rgb(37, 169, 106)", "ref": "rgb(35, 131, 84)" }, "gap": { "ours": "4.8px", "ref": "4px" }, "padding": { "ours": "2.4px 7.2px", "ref": "0px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopWidth": { "ours": "1px", "ref": "0px" }, "borderTopColor": { "ours": "color(srgb 0.535686 0.761569 0.679216)", "ref": "rgb(203, 211, 218)" }, "width": { "ours": "60.375px", "ref": "38px" }, "height": { "ours": "21.7812px", "ref": "12px" }, "rect": { "ours": { "x": 552, "y": 532, "w": 60, "h": 22 }, "ref": { "x": 524, "y": 495, "w": 38, "h": 12 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:1 > div:2 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "lineHeight": { "ours": "15px", "ref": "normal" }, "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "textTransform": { "ours": "uppercase", "ref": "none" }, "color": { "ours": "rgb(37, 169, 106)", "ref": "rgb(35, 131, 84)" }, "borderTopColor": { "ours": "rgb(37, 169, 106)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 560, "y": 537, "w": 12, "h": 12 }, "ref": { "x": 524, "y": 495, "w": 12, "h": 12 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:1 > div:2 > button:2", "type": "style", "tag": "button", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "display": { "ours": "flex", "ref": "block" }, "padding": { "ours": "1px 6px", "ref": "0px" }, "width": { "ours": "28px", "ref": "16px" }, "height": { "ours": "18px", "ref": "16px" }, "rect": { "ours": { "x": 620, "y": 534, "w": 28, "h": 18 }, "ref": { "x": 575, "y": 493, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:1 > div:2 > button:2 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 626, "y": 535, "w": 16, "h": 16 }, "ref": { "x": 575, "y": 493, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:1 > div:2 > svg:3", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 656, "y": 535, "w": 17, "h": 17 }, "ref": { "x": 604, "y": 493, "w": 17, "h": 17 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "gap": { "ours": "0px 24px", "ref": "16px" }, "gridTemplateColumns": { "ours": "137.594px 137.609px 137.609px", "ref": "189px 119.922px 143.922px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "460.812px", "ref": "484.844px" }, "height": { "ours": "75px", "ref": "52px" }, "rect": { "ours": { "x": 225, "y": 596, "w": 461, "h": 75 }, "ref": { "x": 136, "y": 534, "w": 485, "h": 52 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "flex", "ref": "block" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "8px", "ref": "normal" }, "padding": { "ours": "10px 0px 0px", "ref": "0px" }, "borderTopWidth": { "ours": "1px", "ref": "0px" }, "width": { "ours": "137.594px", "ref": "189px" }, "height": { "ours": "75px", "ref": "52px" }, "rect": { "ours": { "x": 225, "y": 596, "w": 138, "h": 75 }, "ref": { "x": 136, "y": 534, "w": 189, "h": 52 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:1 > label:1", "type": "style", "tag": "label", "text": "COLOR", "deltas": { "letterSpacing": { "ours": "0.5px", "ref": "0.8px" }, "textTransform": { "ours": "uppercase", "ref": "none" }, "alignItems": { "ours": "baseline", "ref": "normal" }, "gap": { "ours": "8px", "ref": "normal" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "137.594px", "ref": "189px" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 225, "y": 607, "w": 138, "h": 13 }, "ref": { "x": 136, "y": 534, "w": 189, "h": 12 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:1 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "gap": { "ours": "6.4px", "ref": "8px" }, "padding": { "ours": "0px", "ref": "0px 8px" }, "borderTopWidth": { "ours": "0px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "137.594px", "ref": "189px" }, "height": { "ours": "27.1875px", "ref": "32px" }, "rect": { "ours": { "x": 225, "y": 636, "w": 138, "h": 27 }, "ref": { "x": 136, "y": 554, "w": 189, "h": 32 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:1 > div:2 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "25.5938px", "ref": "14px" }, "height": { "ours": "25.5938px", "ref": "14px" }, "rect": { "ours": { "x": 225, "y": 637, "w": 26, "h": 26 }, "ref": { "x": 145, "y": 563, "w": 14, "h": 14 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:1 > div:2 > input:2", "type": "style", "tag": "input", "text": "", "deltas": { "textTransform": { "ours": "uppercase", "ref": "none" }, "backgroundColor": { "ours": "rgb(238, 241, 244)", "ref": "rgba(0, 0, 0, 0)" }, "padding": { "ours": "5.6px 8px", "ref": "0px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopWidth": { "ours": "1px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(203, 211, 218)", "ref": "rgb(23, 33, 43)" }, "borderTopStyle": { "ours": "solid", "ref": "none" }, "width": { "ours": "85.2188px", "ref": "127px" }, "height": { "ours": "27.1875px", "ref": "13px" }, "rect": { "ours": { "x": 257, "y": 636, "w": 85, "h": 27 }, "ref": { "x": 167, "y": 563, "w": 127, "h": 13 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:1 > div:2 > svg:3", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(109, 120, 131)", "ref": "rgb(23, 33, 43)" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 348, "y": 643, "w": 14, "h": 14 }, "ref": { "x": 302, "y": 563, "w": 14, "h": 14 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "flex", "ref": "block" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "0px", "ref": "normal" }, "padding": { "ours": "10px 0px 0px", "ref": "0px" }, "borderTopWidth": { "ours": "1px", "ref": "0px" }, "width": { "ours": "137.609px", "ref": "119.922px" }, "height": { "ours": "75px", "ref": "52px" }, "rect": { "ours": { "x": 386, "y": 596, "w": 138, "h": 75 }, "ref": { "x": 341, "y": 534, "w": 120, "h": 52 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:2 > label:1", "type": "style", "tag": "label", "text": "DIRECTION", "deltas": { "letterSpacing": { "ours": "0.5px", "ref": "0.8px" }, "textTransform": { "ours": "uppercase", "ref": "none" }, "alignItems": { "ours": "center", "ref": "normal" }, "gap": { "ours": "8px", "ref": "normal" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "137.609px", "ref": "119.922px" }, "height": { "ours": "14px", "ref": "12px" }, "rect": { "ours": { "x": 386, "y": 607, "w": 138, "h": 14 }, "ref": { "x": 341, "y": 534, "w": 120, "h": 12 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:2 > label:1 > output:1", "type": "style", "tag": "output", "text": "135 °", "deltas": { "fontSize": { "ours": "11px", "ref": "10px" }, "letterSpacing": { "ours": "0.5px", "ref": "0.8px" }, "textTransform": { "ours": "uppercase", "ref": "none" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "35.5px", "ref": "31.5156px" }, "height": { "ours": "14px", "ref": "12px" }, "rect": { "ours": { "x": 488, "y": 607, "w": 36, "h": 14 }, "ref": { "x": 430, "y": 534, "w": 32, "h": 12 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:2 > input:2", "type": "style", "tag": "input", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "color": { "ours": "rgb(16, 16, 16)", "ref": "rgb(23, 33, 43)" }, "backgroundColor": { "ours": "rgb(255, 255, 255)", "ref": "rgba(0, 0, 0, 0)" }, "display": { "ours": "block", "ref": "inline-block" }, "margin": { "ours": "2px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(16, 16, 16)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "137.609px", "ref": "119.922px" }, "rect": { "ours": { "x": 388, "y": 631, "w": 138, "h": 16 }, "ref": { "x": 341, "y": 555, "w": 120, "h": 16 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:3", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "flex", "ref": "block" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "8px", "ref": "normal" }, "padding": { "ours": "10px 0px 0px", "ref": "0px" }, "borderTopWidth": { "ours": "1px", "ref": "0px" }, "width": { "ours": "137.609px", "ref": "143.922px" }, "height": { "ours": "75px", "ref": "52px" }, "rect": { "ours": { "x": 548, "y": 596, "w": 138, "h": 75 }, "ref": { "x": 477, "y": 534, "w": 144, "h": 52 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:3 > label:1", "type": "style", "tag": "label", "text": "OPACITY", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "0.8px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "block", "ref": "flex" }, "justifyContent": { "ours": "normal", "ref": "space-between" }, "margin": { "ours": "0px", "ref": "0px 0px 8px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "137.609px", "ref": "143.922px" }, "height": { "ours": "24px", "ref": "12px" }, "rect": { "ours": { "x": 548, "y": 607, "w": 138, "h": 24 }, "ref": { "x": 477, "y": 534, "w": 144, "h": 12 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:3 > label:1 > output:1", "type": "style", "tag": "output", "text": "100%", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "0.8px" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "25.2031px" }, "height": { "ours": "auto", "ref": "12px" }, "rect": { "ours": { "x": 617, "y": 609, "w": 44, "h": 20 }, "ref": { "x": 596, "y": 534, "w": 25, "h": 12 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:3 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "backgroundColor": { "ours": "rgb(238, 241, 244)", "ref": "rgba(0, 0, 0, 0)" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "137.609px", "ref": "143.922px" }, "rect": { "ours": { "x": 548, "y": 639, "w": 138, "h": 32 }, "ref": { "x": 477, "y": 554, "w": 144, "h": 32 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:3 > div:2 > button:1", "type": "style", "tag": "button", "text": "100", "deltas": { "letterSpacing": { "ours": "0.6px", "ref": "normal" }, "textTransform": { "ours": "uppercase", "ref": "none" }, "color": { "ours": "rgb(109, 120, 131)", "ref": "rgb(255, 255, 255)" }, "backgroundColor": { "ours": "rgba(0, 0, 0, 0)", "ref": "rgb(23, 105, 210)" }, "display": { "ours": "flex", "ref": "block" }, "alignItems": { "ours": "center", "ref": "normal" }, "padding": { "ours": "0px 11.2px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(255, 255, 255)" }, "width": { "ours": "42.1875px", "ref": "35.4688px" }, "rect": { "ours": { "x": 549, "y": 640, "w": 42, "h": 30 }, "ref": { "x": 478, "y": 555, "w": 35, "h": 30 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:3 > div:2 > button:2", "type": "style", "tag": "button", "text": "75", "deltas": { "letterSpacing": { "ours": "0.6px", "ref": "normal" }, "textTransform": { "ours": "uppercase", "ref": "none" }, "display": { "ours": "flex", "ref": "block" }, "alignItems": { "ours": "center", "ref": "normal" }, "padding": { "ours": "0px 11.2px", "ref": "0px" }, "width": { "ours": "36.5781px", "ref": "35.4844px" }, "rect": { "ours": { "x": 591, "y": 640, "w": 37, "h": 30 }, "ref": { "x": 514, "y": 555, "w": 35, "h": 30 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:3 > div:2 > button:3", "type": "style", "tag": "button", "text": "50", "deltas": { "letterSpacing": { "ours": "0.6px", "ref": "normal" }, "textTransform": { "ours": "uppercase", "ref": "none" }, "display": { "ours": "flex", "ref": "block" }, "alignItems": { "ours": "center", "ref": "normal" }, "padding": { "ours": "0px 11.2px", "ref": "0px" }, "width": { "ours": "36.5781px", "ref": "35.4844px" }, "rect": { "ours": { "x": 628, "y": 640, "w": 37, "h": 30 }, "ref": { "x": 549, "y": 555, "w": 35, "h": 30 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:3 > div:2 > button:4", "type": "style", "tag": "button", "text": "25", "deltas": { "letterSpacing": { "ours": "0.6px", "ref": "normal" }, "textTransform": { "ours": "uppercase", "ref": "none" }, "display": { "ours": "flex", "ref": "block" }, "alignItems": { "ours": "center", "ref": "normal" }, "padding": { "ours": "0px 11.2px", "ref": "0px" }, "width": { "ours": "36.5781px", "ref": "35.4844px" }, "rect": { "ours": { "x": 664, "y": 640, "w": 37, "h": 30 }, "ref": { "x": 585, "y": 555, "w": 35, "h": 30 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:2", "type": "style", "tag": "article", "text": "", "deltas": { "gridTemplateColumns": { "ours": "46px 460.812px", "ref": "46px 20px 520.844px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "508.812px", "ref": "588.844px" }, "height": { "ours": "89px", "ref": "138px" }, "rect": { "ours": { "x": 178, "y": 682, "w": 509, "h": 89 }, "ref": { "x": 51, "y": 615, "w": 589, "h": 138 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:2 > div:1", "type": "style", "tag": "div", "text": "02", "deltas": { "fontSize": { "ours": "22px", "ref": "11px" }, "fontWeight": { "ours": "600", "ref": "400" }, "lineHeight": { "ours": "22px", "ref": "normal" }, "padding": { "ours": "17px 0px 6px 15px", "ref": "17px 0px 0px 15px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "45px", "ref": "136px" }, "rect": { "ours": { "x": 179, "y": 683, "w": 46, "h": 45 }, "ref": { "x": 52, "y": 616, "w": 46, "h": 136 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:2 > svg:2", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "margin": { "ours": "0px", "ref": "17px 0px 0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 179, "y": 728, "w": 16, "h": 16 }, "ref": { "x": 98, "y": 633, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:2 > div:3", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "flex", "ref": "block" }, "flexDirection": { "ours": "column", "ref": "row" }, "padding": { "ours": "0px", "ref": "15px 18px 18px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "460.812px", "ref": "520.844px" }, "height": { "ours": "87px", "ref": "136px" }, "rect": { "ours": { "x": 225, "y": 683, "w": 461, "h": 87 }, "ref": { "x": 118, "y": 616, "w": 521, "h": 136 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:2 > div:3 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "alignItems": { "ours": "flex-start", "ref": "center" }, "gap": { "ours": "8px", "ref": "15px" }, "padding": { "ours": "8px 12px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "460.812px", "ref": "484.844px" }, "height": { "ours": "72px", "ref": "65px" }, "rect": { "ours": { "x": 225, "y": 683, "w": 461, "h": 72 }, "ref": { "x": 136, "y": 631, "w": 485, "h": 65 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:2 > div:3 > div:1 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "flex", "ref": "block" }, "flexDirection": { "ours": "column", "ref": "row" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "153px", "ref": "140.203px" }, "height": { "ours": "55px", "ref": "65px" }, "rect": { "ours": { "x": 237, "y": 691, "w": 153, "h": 55 }, "ref": { "x": 136, "y": 631, "w": 140, "h": 65 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:2 > div:3 > div:1 > div:1 > span:1", "type": "style", "tag": "span", "text": "TRANSFORM", "deltas": { "textTransform": { "ours": "uppercase", "ref": "none" }, "display": { "ours": "block", "ref": "inline" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "153px", "ref": "auto" }, "height": { "ours": "13px", "ref": "auto" }, "rect": { "ours": { "x": 237, "y": 691, "w": 153, "h": 13 }, "ref": { "x": 136, "y": 639, "w": 60, "h": 12 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:2 > div:3 > div:1 > div:1 > h2:2", "type": "style", "tag": "h2", "text": "Remove background", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "153px", "ref": "140.203px" }, "height": { "ours": "19px", "ref": "18px" }, "rect": { "ours": { "x": 237, "y": 709, "w": 153, "h": 19 }, "ref": { "x": 136, "y": 660, "w": 140, "h": 18 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:2 > div:3 > div:1 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "gap": { "ours": "8px", "ref": "13px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "121.375px", "ref": "97px" }, "height": { "ours": "21.7812px", "ref": "17px" }, "rect": { "ours": { "x": 552, "y": 691, "w": 121, "h": 22 }, "ref": { "x": 524, "y": 655, "w": 97, "h": 17 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:2 > div:3 > div:1 > div:2 > span:1", "type": "style", "tag": "span", "text": "AUTO", "deltas": { "lineHeight": { "ours": "15px", "ref": "normal" }, "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "textTransform": { "ours": "uppercase", "ref": "none" }, "color": { "ours": "rgb(37, 169, 106)", "ref": "rgb(35, 131, 84)" }, "gap": { "ours": "4.8px", "ref": "4px" }, "padding": { "ours": "2.4px 7.2px", "ref": "0px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopWidth": { "ours": "1px", "ref": "0px" }, "borderTopColor": { "ours": "color(srgb 0.535686 0.761569 0.679216)", "ref": "rgb(203, 211, 218)" }, "width": { "ours": "60.375px", "ref": "38px" }, "height": { "ours": "21.7812px", "ref": "12px" }, "rect": { "ours": { "x": 552, "y": 691, "w": 60, "h": 22 }, "ref": { "x": 524, "y": 657, "w": 38, "h": 12 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:2 > div:3 > div:1 > div:2 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "lineHeight": { "ours": "15px", "ref": "normal" }, "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "textTransform": { "ours": "uppercase", "ref": "none" }, "color": { "ours": "rgb(37, 169, 106)", "ref": "rgb(35, 131, 84)" }, "borderTopColor": { "ours": "rgb(37, 169, 106)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 560, "y": 696, "w": 12, "h": 12 }, "ref": { "x": 524, "y": 657, "w": 12, "h": 12 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:2 > div:3 > div:1 > div:2 > button:2", "type": "style", "tag": "button", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "display": { "ours": "flex", "ref": "block" }, "padding": { "ours": "1px 6px", "ref": "0px" }, "width": { "ours": "28px", "ref": "16px" }, "height": { "ours": "18px", "ref": "16px" }, "rect": { "ours": { "x": 620, "y": 693, "w": 28, "h": 18 }, "ref": { "x": 575, "y": 655, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:2 > div:3 > div:1 > div:2 > button:2 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 626, "y": 694, "w": 16, "h": 16 }, "ref": { "x": 575, "y": 655, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:2 > div:3 > div:1 > div:2 > svg:3", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 656, "y": 694, "w": 17, "h": 17 }, "ref": { "x": 604, "y": 655, "w": 17, "h": 17 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:2 > div:3 > div:2", "type": "style", "tag": "div", "text": "Automatic subject detection enabled", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "460.812px", "ref": "484.844px" }, "rect": { "ours": { "x": 225, "y": 755, "w": 461, "h": 15 }, "ref": { "x": 136, "y": 696, "w": 485, "h": 15 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:2 > div:3 > div:2 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 225, "y": 755, "w": 15, "h": 15 }, "ref": { "x": 136, "y": 696, "w": 15, "h": 15 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:3", "type": "style", "tag": "article", "text": "", "deltas": { "gridTemplateColumns": { "ours": "46px 460.812px", "ref": "46px 20px 520.844px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "508.812px", "ref": "588.844px" }, "height": { "ours": "141.188px", "ref": "152px" }, "rect": { "ours": { "x": 178, "y": 781, "w": 509, "h": 141 }, "ref": { "x": 51, "y": 763, "w": 589, "h": 152 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:3 > div:1", "type": "style", "tag": "div", "text": "03", "deltas": { "fontSize": { "ours": "22px", "ref": "11px" }, "fontWeight": { "ours": "600", "ref": "400" }, "lineHeight": { "ours": "22px", "ref": "normal" }, "padding": { "ours": "17px 0px 6px 15px", "ref": "17px 0px 0px 15px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "45px", "ref": "150px" }, "rect": { "ours": { "x": 179, "y": 782, "w": 46, "h": 45 }, "ref": { "x": 52, "y": 764, "w": 46, "h": 150 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:3 > svg:2", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "margin": { "ours": "0px", "ref": "17px 0px 0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 179, "y": 827, "w": 16, "h": 16 }, "ref": { "x": 98, "y": 781, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "flex", "ref": "block" }, "flexDirection": { "ours": "column", "ref": "row" }, "padding": { "ours": "0px", "ref": "15px 18px 18px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "460.812px", "ref": "520.844px" }, "height": { "ours": "139.188px", "ref": "150px" }, "rect": { "ours": { "x": 225, "y": 782, "w": 461, "h": 139 }, "ref": { "x": 118, "y": 764, "w": 521, "h": 150 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "alignItems": { "ours": "flex-start", "ref": "center" }, "gap": { "ours": "8px", "ref": "15px" }, "padding": { "ours": "8px 12px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "460.812px", "ref": "484.844px" }, "height": { "ours": "72px", "ref": "65px" }, "rect": { "ours": { "x": 225, "y": 782, "w": 461, "h": 72 }, "ref": { "x": 136, "y": 779, "w": 485, "h": 65 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:1 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "flex", "ref": "block" }, "flexDirection": { "ours": "column", "ref": "row" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "99px", "ref": "90.7188px" }, "height": { "ours": "55px", "ref": "65px" }, "rect": { "ours": { "x": 237, "y": 790, "w": 99, "h": 55 }, "ref": { "x": 136, "y": 779, "w": 91, "h": 65 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:1 > div:1 > span:1", "type": "style", "tag": "span", "text": "STYLE", "deltas": { "textTransform": { "ours": "uppercase", "ref": "none" }, "display": { "ours": "block", "ref": "inline" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "99px", "ref": "auto" }, "height": { "ours": "13px", "ref": "auto" }, "rect": { "ours": { "x": 237, "y": 790, "w": 99, "h": 13 }, "ref": { "x": 136, "y": 787, "w": 34, "h": 12 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:1 > div:1 > h2:2", "type": "style", "tag": "h2", "text": "Add outline", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "99px", "ref": "90.7188px" }, "height": { "ours": "19px", "ref": "18px" }, "rect": { "ours": { "x": 237, "y": 808, "w": 99, "h": 19 }, "ref": { "x": 136, "y": 808, "w": 91, "h": 18 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:1 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "gap": { "ours": "8px", "ref": "13px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "121.375px", "ref": "97px" }, "height": { "ours": "21.7812px", "ref": "17px" }, "rect": { "ours": { "x": 552, "y": 790, "w": 121, "h": 22 }, "ref": { "x": 524, "y": 803, "w": 97, "h": 17 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:1 > div:2 > span:1", "type": "style", "tag": "span", "text": "AUTO", "deltas": { "lineHeight": { "ours": "15px", "ref": "normal" }, "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "textTransform": { "ours": "uppercase", "ref": "none" }, "color": { "ours": "rgb(37, 169, 106)", "ref": "rgb(35, 131, 84)" }, "gap": { "ours": "4.8px", "ref": "4px" }, "padding": { "ours": "2.4px 7.2px", "ref": "0px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopWidth": { "ours": "1px", "ref": "0px" }, "borderTopColor": { "ours": "color(srgb 0.535686 0.761569 0.679216)", "ref": "rgb(203, 211, 218)" }, "width": { "ours": "60.375px", "ref": "38px" }, "height": { "ours": "21.7812px", "ref": "12px" }, "rect": { "ours": { "x": 552, "y": 790, "w": 60, "h": 22 }, "ref": { "x": 524, "y": 805, "w": 38, "h": 12 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:1 > div:2 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "lineHeight": { "ours": "15px", "ref": "normal" }, "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "textTransform": { "ours": "uppercase", "ref": "none" }, "color": { "ours": "rgb(37, 169, 106)", "ref": "rgb(35, 131, 84)" }, "borderTopColor": { "ours": "rgb(37, 169, 106)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 560, "y": 795, "w": 12, "h": 12 }, "ref": { "x": 524, "y": 805, "w": 12, "h": 12 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:1 > div:2 > button:2", "type": "style", "tag": "button", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "display": { "ours": "flex", "ref": "block" }, "padding": { "ours": "1px 6px", "ref": "0px" }, "width": { "ours": "28px", "ref": "16px" }, "height": { "ours": "18px", "ref": "16px" }, "rect": { "ours": { "x": 620, "y": 792, "w": 28, "h": 18 }, "ref": { "x": 575, "y": 803, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:1 > div:2 > button:2 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 626, "y": 793, "w": 16, "h": 16 }, "ref": { "x": 575, "y": 803, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:1 > div:2 > svg:3", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 656, "y": 793, "w": 17, "h": 17 }, "ref": { "x": 604, "y": 803, "w": 17, "h": 17 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "gap": { "ours": "0px 16px", "ref": "16px" }, "gridTemplateColumns": { "ours": "222.406px 222.406px", "ref": "234.422px 234.422px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "460.812px", "ref": "484.844px" }, "height": { "ours": "67.1875px", "ref": "52px" }, "rect": { "ours": { "x": 225, "y": 854, "w": 461, "h": 67 }, "ref": { "x": 136, "y": 844, "w": 485, "h": 52 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:2 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "flex", "ref": "block" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "0px", "ref": "normal" }, "padding": { "ours": "10px 0px 0px", "ref": "0px" }, "borderTopWidth": { "ours": "1px", "ref": "0px" }, "width": { "ours": "222.406px", "ref": "234.422px" }, "height": { "ours": "67.1875px", "ref": "52px" }, "rect": { "ours": { "x": 225, "y": 854, "w": 222, "h": 67 }, "ref": { "x": 136, "y": 844, "w": 234, "h": 52 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:2 > div:1 > label:1", "type": "style", "tag": "label", "text": "WIDTH", "deltas": { "letterSpacing": { "ours": "0.5px", "ref": "0.8px" }, "textTransform": { "ours": "uppercase", "ref": "none" }, "alignItems": { "ours": "center", "ref": "normal" }, "gap": { "ours": "8px", "ref": "normal" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "222.406px", "ref": "234.422px" }, "height": { "ours": "14px", "ref": "12px" }, "rect": { "ours": { "x": 225, "y": 865, "w": 222, "h": 14 }, "ref": { "x": 136, "y": 844, "w": 234, "h": 12 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:2 > div:1 > label:1 > output:1", "type": "style", "tag": "output", "text": "2 px", "deltas": { "fontSize": { "ours": "11px", "ref": "10px" }, "letterSpacing": { "ours": "0.5px", "ref": "0.8px" }, "textTransform": { "ours": "uppercase", "ref": "none" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "28.4062px", "ref": "25.2188px" }, "height": { "ours": "14px", "ref": "12px" }, "rect": { "ours": { "x": 419, "y": 865, "w": 28, "h": 14 }, "ref": { "x": 345, "y": 844, "w": 25, "h": 12 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:2 > div:1 > input:2", "type": "style", "tag": "input", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "color": { "ours": "rgb(16, 16, 16)", "ref": "rgb(23, 33, 43)" }, "backgroundColor": { "ours": "rgb(255, 255, 255)", "ref": "rgba(0, 0, 0, 0)" }, "display": { "ours": "block", "ref": "inline-block" }, "margin": { "ours": "2px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(16, 16, 16)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "222.406px", "ref": "234.422px" }, "rect": { "ours": { "x": 227, "y": 889, "w": 222, "h": 16 }, "ref": { "x": 136, "y": 865, "w": 234, "h": 16 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:2 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "flex", "ref": "block" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "8px", "ref": "normal" }, "padding": { "ours": "10px 0px 0px", "ref": "0px" }, "borderTopWidth": { "ours": "1px", "ref": "0px" }, "width": { "ours": "222.406px", "ref": "234.422px" }, "height": { "ours": "67.1875px", "ref": "52px" }, "rect": { "ours": { "x": 463, "y": 854, "w": 222, "h": 67 }, "ref": { "x": 387, "y": 844, "w": 234, "h": 52 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:2 > div:2 > label:1", "type": "style", "tag": "label", "text": "COLOR", "deltas": { "letterSpacing": { "ours": "0.5px", "ref": "0.8px" }, "textTransform": { "ours": "uppercase", "ref": "none" }, "alignItems": { "ours": "baseline", "ref": "normal" }, "gap": { "ours": "8px", "ref": "normal" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "222.406px", "ref": "234.422px" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 463, "y": 865, "w": 222, "h": 13 }, "ref": { "x": 387, "y": 844, "w": 234, "h": 12 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:2 > div:2 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "gap": { "ours": "6.4px", "ref": "8px" }, "padding": { "ours": "0px", "ref": "0px 8px" }, "borderTopWidth": { "ours": "0px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "222.406px", "ref": "234.422px" }, "height": { "ours": "27.1875px", "ref": "32px" }, "rect": { "ours": { "x": 463, "y": 894, "w": 222, "h": 27 }, "ref": { "x": 387, "y": 864, "w": 234, "h": 32 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:2 > div:2 > div:2 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "25.5938px", "ref": "14px" }, "height": { "ours": "25.5938px", "ref": "14px" }, "rect": { "ours": { "x": 463, "y": 895, "w": 26, "h": 26 }, "ref": { "x": 396, "y": 873, "w": 14, "h": 14 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:2 > div:2 > div:2 > input:2", "type": "style", "tag": "input", "text": "", "deltas": { "textTransform": { "ours": "uppercase", "ref": "none" }, "backgroundColor": { "ours": "rgb(238, 241, 244)", "ref": "rgba(0, 0, 0, 0)" }, "padding": { "ours": "5.6px 8px", "ref": "0px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopWidth": { "ours": "1px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(203, 211, 218)", "ref": "rgb(23, 33, 43)" }, "borderTopStyle": { "ours": "solid", "ref": "none" }, "width": { "ours": "190.422px", "ref": "194.422px" }, "height": { "ours": "27.1875px", "ref": "13px" }, "rect": { "ours": { "x": 495, "y": 894, "w": 190, "h": 27 }, "ref": { "x": 418, "y": 873, "w": 194, "h": 13 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:4", "type": "style", "tag": "article", "text": "", "deltas": { "gridTemplateColumns": { "ours": "46px 460.812px", "ref": "46px 20px 520.844px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "508.812px", "ref": "588.844px" }, "height": { "ours": "127px", "ref": "144px" }, "rect": { "ours": { "x": 178, "y": 932, "w": 509, "h": 127 }, "ref": { "x": 51, "y": 925, "w": 589, "h": 144 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:4 > div:1", "type": "style", "tag": "div", "text": "04", "deltas": { "fontSize": { "ours": "22px", "ref": "11px" }, "fontWeight": { "ours": "600", "ref": "400" }, "lineHeight": { "ours": "22px", "ref": "normal" }, "padding": { "ours": "17px 0px 6px 15px", "ref": "17px 0px 0px 15px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "45px", "ref": "142px" }, "rect": { "ours": { "x": 179, "y": 933, "w": 46, "h": 45 }, "ref": { "x": 52, "y": 926, "w": 46, "h": 142 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:4 > svg:2", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "margin": { "ours": "0px", "ref": "17px 0px 0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 179, "y": 978, "w": 16, "h": 16 }, "ref": { "x": 98, "y": 943, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "flex", "ref": "block" }, "flexDirection": { "ours": "column", "ref": "row" }, "padding": { "ours": "0px", "ref": "15px 18px 18px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "460.812px", "ref": "520.844px" }, "height": { "ours": "125px", "ref": "142px" }, "rect": { "ours": { "x": 225, "y": 933, "w": 461, "h": 125 }, "ref": { "x": 118, "y": 926, "w": 521, "h": 142 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "alignItems": { "ours": "flex-start", "ref": "center" }, "gap": { "ours": "8px", "ref": "15px" }, "padding": { "ours": "8px 12px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "460.812px", "ref": "484.844px" }, "height": { "ours": "72px", "ref": "65px" }, "rect": { "ours": { "x": 225, "y": 933, "w": 461, "h": 72 }, "ref": { "x": 136, "y": 941, "w": 485, "h": 65 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:1 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "flex", "ref": "block" }, "flexDirection": { "ours": "column", "ref": "row" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "117px", "ref": "107.219px" }, "height": { "ours": "55px", "ref": "65px" }, "rect": { "ours": { "x": 237, "y": 941, "w": 117, "h": 55 }, "ref": { "x": 136, "y": 941, "w": 107, "h": 65 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:1 > div:1 > span:1", "type": "style", "tag": "span", "text": "STYLE", "deltas": { "textTransform": { "ours": "uppercase", "ref": "none" }, "display": { "ours": "block", "ref": "inline" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "117px", "ref": "auto" }, "height": { "ours": "13px", "ref": "auto" }, "rect": { "ours": { "x": 237, "y": 941, "w": 117, "h": 13 }, "ref": { "x": 136, "y": 949, "w": 34, "h": 12 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:1 > div:1 > h2:2", "type": "style", "tag": "h2", "text": "Round corners", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "117px", "ref": "107.219px" }, "height": { "ours": "19px", "ref": "18px" }, "rect": { "ours": { "x": 237, "y": 959, "w": 117, "h": 19 }, "ref": { "x": 136, "y": 970, "w": 107, "h": 18 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:1 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "gap": { "ours": "8px", "ref": "13px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "121.375px", "ref": "97px" }, "height": { "ours": "21.7812px", "ref": "17px" }, "rect": { "ours": { "x": 552, "y": 941, "w": 121, "h": 22 }, "ref": { "x": 524, "y": 965, "w": 97, "h": 17 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:1 > div:2 > span:1", "type": "style", "tag": "span", "text": "AUTO", "deltas": { "lineHeight": { "ours": "15px", "ref": "normal" }, "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "textTransform": { "ours": "uppercase", "ref": "none" }, "color": { "ours": "rgb(37, 169, 106)", "ref": "rgb(35, 131, 84)" }, "gap": { "ours": "4.8px", "ref": "4px" }, "padding": { "ours": "2.4px 7.2px", "ref": "0px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopWidth": { "ours": "1px", "ref": "0px" }, "borderTopColor": { "ours": "color(srgb 0.535686 0.761569 0.679216)", "ref": "rgb(203, 211, 218)" }, "width": { "ours": "60.375px", "ref": "38px" }, "height": { "ours": "21.7812px", "ref": "12px" }, "rect": { "ours": { "x": 552, "y": 941, "w": 60, "h": 22 }, "ref": { "x": 524, "y": 967, "w": 38, "h": 12 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:1 > div:2 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "lineHeight": { "ours": "15px", "ref": "normal" }, "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "textTransform": { "ours": "uppercase", "ref": "none" }, "color": { "ours": "rgb(37, 169, 106)", "ref": "rgb(35, 131, 84)" }, "borderTopColor": { "ours": "rgb(37, 169, 106)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 560, "y": 946, "w": 12, "h": 12 }, "ref": { "x": 524, "y": 967, "w": 12, "h": 12 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:1 > div:2 > button:2", "type": "style", "tag": "button", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "display": { "ours": "flex", "ref": "block" }, "padding": { "ours": "1px 6px", "ref": "0px" }, "width": { "ours": "28px", "ref": "16px" }, "height": { "ours": "18px", "ref": "16px" }, "rect": { "ours": { "x": 620, "y": 943, "w": 28, "h": 18 }, "ref": { "x": 575, "y": 965, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:1 > div:2 > button:2 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 626, "y": 944, "w": 16, "h": 16 }, "ref": { "x": 575, "y": 965, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:1 > div:2 > svg:3", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 656, "y": 944, "w": 17, "h": 17 }, "ref": { "x": 604, "y": 965, "w": 17, "h": 17 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "gap": { "ours": "0px 16px", "ref": "16px" }, "gridTemplateColumns": { "ours": "222.406px 222.406px", "ref": "234.422px 234.422px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "460.812px", "ref": "484.844px" }, "height": { "ours": "53px", "ref": "44px" }, "rect": { "ours": { "x": 225, "y": 1005, "w": 461, "h": 53 }, "ref": { "x": 136, "y": 1006, "w": 485, "h": 44 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:2 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "flex", "ref": "block" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "0px", "ref": "normal" }, "padding": { "ours": "10px 0px 0px", "ref": "0px" }, "borderTopWidth": { "ours": "1px", "ref": "0px" }, "width": { "ours": "222.406px", "ref": "234.422px" }, "height": { "ours": "53px", "ref": "44px" }, "rect": { "ours": { "x": 225, "y": 1005, "w": 222, "h": 53 }, "ref": { "x": 136, "y": 1006, "w": 234, "h": 44 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:2 > div:1 > label:1", "type": "style", "tag": "label", "text": "RADIUS", "deltas": { "letterSpacing": { "ours": "0.5px", "ref": "0.8px" }, "textTransform": { "ours": "uppercase", "ref": "none" }, "alignItems": { "ours": "center", "ref": "normal" }, "gap": { "ours": "8px", "ref": "normal" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "222.406px", "ref": "234.422px" }, "height": { "ours": "14px", "ref": "12px" }, "rect": { "ours": { "x": 225, "y": 1016, "w": 222, "h": 14 }, "ref": { "x": 136, "y": 1006, "w": 234, "h": 12 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:2 > div:1 > label:1 > output:1", "type": "style", "tag": "output", "text": "18 px", "deltas": { "fontSize": { "ours": "11px", "ref": "10px" }, "letterSpacing": { "ours": "0.5px", "ref": "0.8px" }, "textTransform": { "ours": "uppercase", "ref": "none" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "35.5px", "ref": "31.5156px" }, "height": { "ours": "14px", "ref": "12px" }, "rect": { "ours": { "x": 412, "y": 1016, "w": 36, "h": 14 }, "ref": { "x": 339, "y": 1006, "w": 32, "h": 12 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:2 > div:1 > input:2", "type": "style", "tag": "input", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "color": { "ours": "rgb(16, 16, 16)", "ref": "rgb(23, 33, 43)" }, "backgroundColor": { "ours": "rgb(255, 255, 255)", "ref": "rgba(0, 0, 0, 0)" }, "display": { "ours": "block", "ref": "inline-block" }, "margin": { "ours": "2px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(16, 16, 16)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "222.406px", "ref": "234.422px" }, "rect": { "ours": { "x": 227, "y": 1040, "w": 222, "h": 16 }, "ref": { "x": 136, "y": 1027, "w": 234, "h": 16 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:2 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "fontSize": { "ours": "13.6px", "ref": "16px" }, "lineHeight": { "ours": "20.4px", "ref": "24px" }, "display": { "ours": "flex", "ref": "block" }, "alignItems": { "ours": "center", "ref": "normal" }, "justifyContent": { "ours": "space-between", "ref": "normal" }, "gap": { "ours": "16px", "ref": "normal" }, "padding": { "ours": "10px 0px 0px", "ref": "0px" }, "borderTopWidth": { "ours": "1px", "ref": "0px" }, "width": { "ours": "222.406px", "ref": "234.422px" }, "height": { "ours": "53px", "ref": "44px" }, "rect": { "ours": { "x": 463, "y": 1005, "w": 222, "h": 53 }, "ref": { "x": 387, "y": 1006, "w": 234, "h": 44 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:2 > div:2 > span:1", "type": "style", "tag": "span", "text": "Preserve aspect ratio", "deltas": { "fontSize": { "ours": "13.6px", "ref": "16px" }, "lineHeight": { "ours": "20.4px", "ref": "24px" }, "display": { "ours": "block", "ref": "inline" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "129.031px", "ref": "auto" }, "height": { "ours": "20.3906px", "ref": "auto" }, "rect": { "ours": { "x": 463, "y": 1027, "w": 129, "h": 20 }, "ref": { "x": 387, "y": 1009, "w": 156, "h": 17 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:2 > div:2 > button:2", "type": "style", "tag": "button", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "color": { "ours": "rgb(0, 0, 0)", "ref": "rgb(23, 33, 43)" }, "backgroundColor": { "ours": "rgb(23, 105, 210)", "ref": "rgba(0, 0, 0, 0)" }, "display": { "ours": "block", "ref": "inline-block" }, "borderRadius": { "ours": "999px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "width": { "ours": "38.3906px", "ref": "32px" }, "height": { "ours": "20.7969px", "ref": "18px" }, "rect": { "ours": { "x": 647, "y": 1027, "w": 38, "h": 21 }, "ref": { "x": 542, "y": 1006, "w": 32, "h": 18 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:2 > div:2 > button:2 > i:1", "type": "style", "tag": "i", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "color": { "ours": "rgb(0, 0, 0)", "ref": "rgb(23, 33, 43)" }, "backgroundColor": { "ours": "rgb(255, 255, 255)", "ref": "rgba(0, 0, 0, 0)" }, "display": { "ours": "block", "ref": "inline" }, "borderRadius": { "ours": "50%", "ref": "0px" }, "borderTopColor": { "ours": "rgb(0, 0, 0)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "16.7969px", "ref": "auto" }, "height": { "ours": "16.7969px", "ref": "auto" }, "rect": { "ours": { "x": 667, "y": 1029, "w": 17, "h": 17 }, "ref": { "x": 558, "y": 1015, "w": 0, "h": 0 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:5", "type": "style", "tag": "div", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "508.812px", "ref": "588.844px" }, "height": { "ours": "35px", "ref": "36px" }, "rect": { "ours": { "x": 178, "y": 1059, "w": 509, "h": 35 }, "ref": { "x": 51, "y": 1069, "w": 589, "h": 36 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:5 > button:1", "type": "style", "tag": "button", "text": "Reset pipeline", "deltas": { "lineHeight": { "ours": "normal", "ref": "18px" }, "padding": { "ours": "1px 6px", "ref": "0px" }, "width": { "ours": "109.75px", "ref": "97.0625px" }, "height": { "ours": "17px", "ref": "18px" }, "rect": { "ours": { "x": 178, "y": 1077, "w": 110, "h": 17 }, "ref": { "x": 51, "y": 1087, "w": 97, "h": 18 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:5 > button:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "lineHeight": { "ours": "normal", "ref": "18px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 184, "y": 1079, "w": 14, "h": 14 }, "ref": { "x": 51, "y": 1089, "w": 14, "h": 14 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:5 > span:2", "type": "style", "tag": "span", "text": "changes are applied automatically", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "233.812px", "ref": "213.594px" }, "height": { "ours": "14px", "ref": "13px" }, "rect": { "ours": { "x": 453, "y": 1079, "w": 234, "h": 14 }, "ref": { "x": 426, "y": 1089, "w": 214, "h": 13 } } } }, { "path": "body > main:1 > div:2 > section:1 > div:5 > span:2 > i:1", "type": "style", "tag": "i", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "8px", "ref": "6px" }, "height": { "ours": "8px", "ref": "6px" }, "boxShadow": { "ours": "color(srgb 0.145098 0.662745 0.415686 / 0.25) 0px 0px 0px 2px", "ref": "none" }, "rect": { "ours": { "x": 453, "y": 1082, "w": 8, "h": 8 }, "ref": { "x": 426, "y": 1093, "w": 6, "h": 6 } } } }, { "path": "body > main:1 > div:2 > section:2", "type": "style", "tag": "section", "text": "", "deltas": { "width": { "ours": "520px", "ref": "532.766px" }, "height": { "ours": "1893.97px", "ref": "1286.5px" }, "rect": { "ours": { "x": 742, "y": 124, "w": 520, "h": 1894 }, "ref": { "x": 696, "y": 124, "w": 533, "h": 1287 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "gap": { "ours": "16px", "ref": "normal" }, "padding": { "ours": "0px 0px 12px", "ref": "0px 0px 15px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "482px", "ref": "494.766px" }, "height": { "ours": "200.281px", "ref": "177px" }, "rect": { "ours": { "x": 761, "y": 143, "w": 482, "h": 200 }, "ref": { "x": 715, "y": 143, "w": 495, "h": 177 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:1 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "flex", "ref": "block" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "2px", "ref": "normal" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "78.5781px", "ref": "75.8906px" }, "height": { "ours": "67px", "ref": "87px" }, "rect": { "ours": { "x": 761, "y": 203, "w": 79, "h": 67 }, "ref": { "x": 715, "y": 180, "w": 76, "h": 87 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:1 > div:1 > span:1", "type": "style", "tag": "span", "text": "PIPELINE OUTPUTS", "deltas": { "lineHeight": { "ours": "12px", "ref": "normal" }, "letterSpacing": { "ours": "1px", "ref": "1.2px" }, "textTransform": { "ours": "uppercase", "ref": "none" }, "display": { "ours": "block", "ref": "inline" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "78.5781px", "ref": "auto" }, "height": { "ours": "24px", "ref": "auto" }, "rect": { "ours": { "x": 761, "y": 203, "w": 79, "h": 24 }, "ref": { "x": 715, "y": 188, "w": 54, "h": 36 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:1 > div:1 > strong:2", "type": "style", "tag": "strong", "text": "Visual history", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "78.5781px", "ref": "75.8906px" }, "height": { "ours": "36px", "ref": "34px" }, "rect": { "ours": { "x": 761, "y": 234, "w": 79, "h": 36 }, "ref": { "x": 715, "y": 233, "w": 76, "h": 34 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:1 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "387.422px", "ref": "418.875px" }, "height": { "ours": "187.281px", "ref": "161px" }, "rect": { "ours": { "x": 856, "y": 143, "w": 387, "h": 187 }, "ref": { "x": 791, "y": 143, "w": 419, "h": 161 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:1 > div:2 > button:1", "type": "style", "tag": "button", "text": "Hide intermediate", "deltas": { "padding": { "ours": "11px 14px", "ref": "8px 10px" }, "margin": { "ours": "18px 0px 0px", "ref": "0px" }, "width": { "ours": "387.422px", "ref": "145.281px" }, "height": { "ours": "39px", "ref": "33px" }, "rect": { "ours": { "x": 856, "y": 161, "w": 387, "h": 39 }, "ref": { "x": 1065, "y": 143, "w": 145, "h": 33 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:1 > div:2 > button:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 1101, "y": 173, "w": 15, "h": 15 }, "ref": { "x": 1184, "y": 152, "w": 15, "h": 15 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:1 > div:2 > button:2", "type": "style", "tag": "button", "text": "Download result", "deltas": { "fontSize": { "ours": "12px", "ref": "11px" }, "letterSpacing": { "ours": "0.48px", "ref": "normal" }, "justifyContent": { "ours": "normal", "ref": "center" }, "gap": { "ours": "8px", "ref": "9px" }, "padding": { "ours": "9px 14px", "ref": "0px" }, "margin": { "ours": "0px", "ref": "18px 0px 0px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopWidth": { "ours": "1px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(255, 255, 255)" }, "borderTopStyle": { "ours": "solid", "ref": "none" }, "width": { "ours": "191.203px", "ref": "418.875px" }, "height": { "ours": "36px", "ref": "42px" }, "rect": { "ours": { "x": 877, "y": 231, "w": 191, "h": 36 }, "ref": { "x": 791, "y": 204, "w": 419, "h": 42 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:1 > div:2 > button:2 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "fontSize": { "ours": "12px", "ref": "11px" }, "letterSpacing": { "ours": "0.48px", "ref": "normal" }, "borderTopColor": { "ours": "rgb(255, 255, 255)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 892, "y": 241, "w": 16, "h": 16 }, "ref": { "x": 931, "y": 217, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:1 > div:2 > button:2 > svg:2", "type": "style", "tag": "svg", "text": "", "deltas": { "fontSize": { "ours": "12px", "ref": "11px" }, "letterSpacing": { "ours": "0.48px", "ref": "normal" }, "borderTopColor": { "ours": "rgb(255, 255, 255)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 1040, "y": 242, "w": 14, "h": 14 }, "ref": { "x": 1056, "y": 218, "w": 14, "h": 14 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:1 > div:2 > div:3", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "2.4px", "ref": "8px" }, "gridTemplateColumns": { "ours": "none", "ref": "78.625px 78.625px 78.625px" }, "padding": { "ours": "0px", "ref": "14px 0px 0px" }, "borderTopWidth": { "ours": "0px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "164.812px", "ref": "251.875px" }, "height": { "ours": "78.2812px", "ref": "48px" }, "rect": { "ours": { "x": 1079, "y": 210, "w": 165, "h": 78 }, "ref": { "x": 919, "y": 256, "w": 252, "h": 48 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:1 > div:2 > div:3 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "alignItems": { "ours": "baseline", "ref": "normal" }, "justifyContent": { "ours": "space-between", "ref": "normal" }, "gap": { "ours": "16px", "ref": "5px" }, "gridTemplateColumns": { "ours": "none", "ref": "78.625px" }, "padding": { "ours": "4px 0px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "164.812px", "ref": "78.625px" }, "height": { "ours": "24.5px", "ref": "33px" }, "rect": { "ours": { "x": 1079, "y": 210, "w": 165, "h": 25 }, "ref": { "x": 919, "y": 271, "w": 79, "h": 33 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:1 > div:2 > div:3 > div:1 > span:1", "type": "style", "tag": "span", "text": "DIMENSIONS", "deltas": { "lineHeight": { "ours": "13.5px", "ref": "normal" }, "letterSpacing": { "ours": "0.9px", "ref": "normal" }, "textTransform": { "ours": "uppercase", "ref": "none" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "63px", "ref": "78.625px" }, "height": { "ours": "13.5px", "ref": "10px" }, "rect": { "ours": { "x": 1079, "y": 216, "w": 63, "h": 14 }, "ref": { "x": 919, "y": 271, "w": 79, "h": 10 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:1 > div:2 > div:3 > div:1 > b:2", "type": "style", "tag": "b", "text": "1200 × 800 px", "deltas": { "fontWeight": { "ours": "700", "ref": "400" }, "lineHeight": { "ours": "16.5px", "ref": "normal" }, "margin": { "ours": "0px", "ref": "5px 0px 0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "85.8125px", "ref": "78.625px" }, "height": { "ours": "16.5px", "ref": "13px" }, "rect": { "ours": { "x": 1158, "y": 214, "w": 86, "h": 17 }, "ref": { "x": 919, "y": 291, "w": 79, "h": 13 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:1 > div:2 > div:3 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "alignItems": { "ours": "baseline", "ref": "normal" }, "justifyContent": { "ours": "space-between", "ref": "normal" }, "gap": { "ours": "16px", "ref": "5px" }, "gridTemplateColumns": { "ours": "none", "ref": "78.625px" }, "padding": { "ours": "4px 0px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "164.812px", "ref": "78.625px" }, "height": { "ours": "24.5px", "ref": "33px" }, "rect": { "ours": { "x": 1079, "y": 237, "w": 165, "h": 25 }, "ref": { "x": 1006, "y": 271, "w": 79, "h": 33 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:1 > div:2 > div:3 > div:2 > span:1", "type": "style", "tag": "span", "text": "FORMAT", "deltas": { "lineHeight": { "ours": "13.5px", "ref": "normal" }, "letterSpacing": { "ours": "0.9px", "ref": "normal" }, "textTransform": { "ours": "uppercase", "ref": "none" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "37.8125px", "ref": "78.625px" }, "height": { "ours": "13.5px", "ref": "10px" }, "rect": { "ours": { "x": 1079, "y": 243, "w": 38, "h": 14 }, "ref": { "x": 1006, "y": 271, "w": 79, "h": 10 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:1 > div:2 > div:3 > div:2 > b:2", "type": "style", "tag": "b", "text": "PNG-24", "deltas": { "fontWeight": { "ours": "700", "ref": "400" }, "lineHeight": { "ours": "16.5px", "ref": "normal" }, "margin": { "ours": "0px", "ref": "5px 0px 0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "39.6094px", "ref": "78.625px" }, "height": { "ours": "16.5px", "ref": "13px" }, "rect": { "ours": { "x": 1204, "y": 241, "w": 40, "h": 17 }, "ref": { "x": 1006, "y": 291, "w": 79, "h": 13 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:1 > div:2 > div:3 > div:3", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "alignItems": { "ours": "baseline", "ref": "normal" }, "justifyContent": { "ours": "space-between", "ref": "normal" }, "gap": { "ours": "16px", "ref": "5px" }, "gridTemplateColumns": { "ours": "none", "ref": "78.625px" }, "padding": { "ours": "4px 0px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "164.812px", "ref": "78.625px" }, "height": { "ours": "24.5px", "ref": "33px" }, "rect": { "ours": { "x": 1079, "y": 264, "w": 165, "h": 25 }, "ref": { "x": 1092, "y": 271, "w": 79, "h": 33 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:1 > div:2 > div:3 > div:3 > span:1", "type": "style", "tag": "span", "text": "SIZE", "deltas": { "lineHeight": { "ours": "13.5px", "ref": "normal" }, "letterSpacing": { "ours": "0.9px", "ref": "normal" }, "textTransform": { "ours": "uppercase", "ref": "none" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "25.2031px", "ref": "78.625px" }, "height": { "ours": "13.5px", "ref": "10px" }, "rect": { "ours": { "x": 1079, "y": 270, "w": 25, "h": 14 }, "ref": { "x": 1092, "y": 271, "w": 79, "h": 10 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:1 > div:2 > div:3 > div:3 > b:2", "type": "style", "tag": "b", "text": "1.2 MB", "deltas": { "fontWeight": { "ours": "700", "ref": "400" }, "lineHeight": { "ours": "16.5px", "ref": "normal" }, "margin": { "ours": "0px", "ref": "5px 0px 0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "39.6094px", "ref": "78.625px" }, "height": { "ours": "16.5px", "ref": "13px" }, "rect": { "ours": { "x": 1204, "y": 268, "w": 40, "h": 17 }, "ref": { "x": 1092, "y": 291, "w": 79, "h": 13 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:1 > div:2 > button:4", "type": "style", "tag": "button", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "display": { "ours": "flex", "ref": "grid" }, "justifyContent": { "ours": "center", "ref": "normal" }, "gridTemplateColumns": { "ours": "none", "ref": "17px" }, "padding": { "ours": "1px 6px", "ref": "6px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopWidth": { "ours": "1px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(203, 211, 218)", "ref": "rgb(109, 120, 131)" }, "borderTopStyle": { "ours": "solid", "ref": "none" }, "width": { "ours": "32px", "ref": "29px" }, "height": { "ours": "32px", "ref": "29px" }, "rect": { "ours": { "x": 1211, "y": 298, "w": 32, "h": 32 }, "ref": { "x": 1181, "y": 266, "w": 29, "h": 29 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:1 > div:2 > button:4 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "16px", "ref": "17px" }, "height": { "ours": "16px", "ref": "17px" }, "rect": { "ours": { "x": 1219, "y": 306, "w": 16, "h": 16 }, "ref": { "x": 1187, "y": 272, "w": 17, "h": 17 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "gridTemplateColumns": { "ours": "482px", "ref": "241.375px 241.391px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "482px", "ref": "494.766px" }, "height": { "ours": "1627.19px", "ref": "1043px" }, "rect": { "ours": { "x": 761, "y": 343, "w": 482, "h": 1627 }, "ref": { "x": 715, "y": 320, "w": 495, "h": 1043 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "backgroundColor": { "ours": "rgb(248, 250, 251)", "ref": "rgb(238, 241, 244)" }, "display": { "ours": "flex", "ref": "block" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "4.8px", "ref": "normal" }, "padding": { "ours": "6.4px", "ref": "0px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "482px", "ref": "241.375px" }, "height": { "ours": "309.438px", "ref": "329px" }, "rect": { "ours": { "x": 761, "y": 359, "w": 482, "h": 309 }, "ref": { "x": 715, "y": 336, "w": 241, "h": 329 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:1 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "backgroundColor": { "ours": "rgba(0, 0, 0, 0)", "ref": "rgb(228, 232, 235)" }, "display": { "ours": "block", "ref": "grid" }, "alignItems": { "ours": "normal", "ref": "center" }, "gridTemplateColumns": { "ours": "none", "ref": "207.375px" }, "padding": { "ours": "0px", "ref": "16px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "467.219px", "ref": "239.375px" }, "height": { "ours": "276.859px", "ref": "300px" }, "rect": { "ours": { "x": 769, "y": 367, "w": 467, "h": 277 }, "ref": { "x": 716, "y": 337, "w": 239, "h": 300 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:1 > div:1 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(22, 32, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "373.766px", "ref": "165.891px" }, "height": { "ours": "276.859px", "ref": "110.594px" }, "rect": { "ours": { "x": 769, "y": 367, "w": 374, "h": 277 }, "ref": { "x": 753, "y": 432, "w": 166, "h": 111 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:1 > div:1 > div:1 > span:1", "type": "style", "tag": "span", "text": "PNG", "deltas": { "width": { "ours": "28.2031px", "ref": "26.8594px" }, "height": { "ours": "19px", "ref": "18px" }, "rect": { "ours": { "x": 942, "y": 487, "w": 28, "h": 19 }, "ref": { "x": 822, "y": 470, "w": 27, "h": 18 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:1 > div:1 > div:1 > span:2", "type": "style", "tag": "span", "text": "easy-png-tools", "deltas": { "borderTopColor": { "ours": "rgb(22, 32, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "84px", "ref": "76.9844px" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 914, "y": 511, "w": 84, "h": 13 }, "ref": { "x": 797, "y": 493, "w": 77, "h": 12 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:1 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "9px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "alignItems": { "ours": "baseline", "ref": "normal" }, "padding": { "ours": "0px", "ref": "8px" }, "borderTopWidth": { "ours": "0px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "467.219px", "ref": "239.375px" }, "height": { "ours": "13px", "ref": "27px" }, "rect": { "ours": { "x": 769, "y": 648, "w": 467, "h": 13 }, "ref": { "x": 716, "y": 637, "w": 239, "h": 27 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:1 > div:2 > span:1", "type": "style", "tag": "span", "text": "SOURCE", "deltas": { "fontSize": { "ours": "10px", "ref": "9px" }, "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "textTransform": { "ours": "uppercase", "ref": "none" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "40.8125px", "ref": "29.7031px" }, "height": { "ours": "13px", "ref": "10px" }, "rect": { "ours": { "x": 769, "y": 648, "w": 41, "h": 13 }, "ref": { "x": 724, "y": 646, "w": 30, "h": 10 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:1 > div:2 > b:2", "type": "style", "tag": "b", "text": "original.png · 1200 × 800", "deltas": { "fontSize": { "ours": "10px", "ref": "9px" }, "textAlign": { "ours": "start", "ref": "right" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "150px", "ref": "123.719px" }, "height": { "ours": "13px", "ref": "10px" }, "rect": { "ours": { "x": 1086, "y": 648, "w": 150, "h": 13 }, "ref": { "x": 824, "y": 646, "w": 124, "h": 10 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "backgroundColor": { "ours": "rgb(248, 250, 251)", "ref": "rgb(238, 241, 244)" }, "display": { "ours": "flex", "ref": "block" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "4.8px", "ref": "normal" }, "padding": { "ours": "6.4px", "ref": "0px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "482px", "ref": "241.391px" }, "height": { "ours": "309.438px", "ref": "329px" }, "rect": { "ours": { "x": 761, "y": 681, "w": 482, "h": 309 }, "ref": { "x": 968, "y": 336, "w": 241, "h": 329 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:2 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "backgroundColor": { "ours": "rgba(0, 0, 0, 0)", "ref": "rgb(228, 232, 235)" }, "display": { "ours": "block", "ref": "grid" }, "alignItems": { "ours": "normal", "ref": "center" }, "gridTemplateColumns": { "ours": "none", "ref": "207.391px" }, "padding": { "ours": "0px", "ref": "16px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "467.219px", "ref": "239.391px" }, "height": { "ours": "276.859px", "ref": "300px" }, "rect": { "ours": { "x": 769, "y": 688, "w": 467, "h": 277 }, "ref": { "x": 969, "y": 337, "w": 239, "h": 300 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:2 > div:1 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(22, 32, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "373.766px", "ref": "165.906px" }, "height": { "ours": "276.859px", "ref": "110.594px" }, "rect": { "ours": { "x": 769, "y": 688, "w": 374, "h": 277 }, "ref": { "x": 1006, "y": 432, "w": 166, "h": 111 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:2 > div:1 > div:1 > span:1", "type": "style", "tag": "span", "text": "PNG", "deltas": { "width": { "ours": "28.2031px", "ref": "26.8594px" }, "height": { "ours": "19px", "ref": "18px" }, "rect": { "ours": { "x": 942, "y": 808, "w": 28, "h": 19 }, "ref": { "x": 1076, "y": 470, "w": 27, "h": 18 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:2 > div:1 > div:1 > span:2", "type": "style", "tag": "span", "text": "easy-png-tools", "deltas": { "borderTopColor": { "ours": "rgb(22, 32, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "84px", "ref": "76.9844px" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 914, "y": 832, "w": 84, "h": 13 }, "ref": { "x": 1051, "y": 493, "w": 77, "h": 12 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:2 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "9px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "alignItems": { "ours": "baseline", "ref": "normal" }, "padding": { "ours": "0px", "ref": "8px" }, "borderTopWidth": { "ours": "0px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "467.219px", "ref": "239.391px" }, "height": { "ours": "13px", "ref": "27px" }, "rect": { "ours": { "x": 769, "y": 970, "w": 467, "h": 13 }, "ref": { "x": 969, "y": 637, "w": 239, "h": 27 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:2 > div:2 > span:1", "type": "style", "tag": "span", "text": "STEP 01", "deltas": { "fontSize": { "ours": "10px", "ref": "9px" }, "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "textTransform": { "ours": "uppercase", "ref": "none" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "47.6094px", "ref": "34.6406px" }, "height": { "ours": "13px", "ref": "10px" }, "rect": { "ours": { "x": 769, "y": 970, "w": 48, "h": 13 }, "ref": { "x": 977, "y": 646, "w": 35, "h": 10 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:2 > div:2 > b:2", "type": "style", "tag": "b", "text": "gradient applied", "deltas": { "fontSize": { "ours": "10px", "ref": "9px" }, "textAlign": { "ours": "start", "ref": "right" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "96px", "ref": "79.1719px" }, "height": { "ours": "13px", "ref": "10px" }, "rect": { "ours": { "x": 1140, "y": 970, "w": 96, "h": 13 }, "ref": { "x": 1122, "y": 646, "w": 79, "h": 10 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:3", "type": "style", "tag": "div", "text": "", "deltas": { "backgroundColor": { "ours": "rgb(248, 250, 251)", "ref": "rgb(238, 241, 244)" }, "display": { "ours": "flex", "ref": "block" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "4.8px", "ref": "normal" }, "padding": { "ours": "6.4px", "ref": "0px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "482px", "ref": "241.375px" }, "height": { "ours": "309.438px", "ref": "329px" }, "rect": { "ours": { "x": 761, "y": 1002, "w": 482, "h": 309 }, "ref": { "x": 715, "y": 677, "w": 241, "h": 329 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:3 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "backgroundColor": { "ours": "rgba(0, 0, 0, 0)", "ref": "rgb(228, 232, 235)" }, "display": { "ours": "block", "ref": "grid" }, "alignItems": { "ours": "normal", "ref": "center" }, "gridTemplateColumns": { "ours": "none", "ref": "207.375px" }, "padding": { "ours": "0px", "ref": "16px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "467.219px", "ref": "239.375px" }, "height": { "ours": "276.859px", "ref": "300px" }, "rect": { "ours": { "x": 769, "y": 1010, "w": 467, "h": 277 }, "ref": { "x": 716, "y": 678, "w": 239, "h": 300 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:3 > div:1 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(22, 32, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "373.766px", "ref": "165.891px" }, "height": { "ours": "276.859px", "ref": "110.594px" }, "rect": { "ours": { "x": 769, "y": 1010, "w": 374, "h": 277 }, "ref": { "x": 753, "y": 773, "w": 166, "h": 111 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:3 > div:1 > div:1 > span:1", "type": "style", "tag": "span", "text": "PNG", "deltas": { "width": { "ours": "28.2031px", "ref": "26.8594px" }, "height": { "ours": "19px", "ref": "18px" }, "rect": { "ours": { "x": 942, "y": 1129, "w": 28, "h": 19 }, "ref": { "x": 822, "y": 811, "w": 27, "h": 18 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:3 > div:1 > div:1 > span:2", "type": "style", "tag": "span", "text": "easy-png-tools", "deltas": { "borderTopColor": { "ours": "rgb(22, 32, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "84px", "ref": "76.9844px" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 914, "y": 1153, "w": 84, "h": 13 }, "ref": { "x": 797, "y": 834, "w": 77, "h": 12 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:3 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "9px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "alignItems": { "ours": "baseline", "ref": "normal" }, "padding": { "ours": "0px", "ref": "8px" }, "borderTopWidth": { "ours": "0px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "467.219px", "ref": "239.375px" }, "height": { "ours": "13px", "ref": "27px" }, "rect": { "ours": { "x": 769, "y": 1291, "w": 467, "h": 13 }, "ref": { "x": 716, "y": 978, "w": 239, "h": 27 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:3 > div:2 > span:1", "type": "style", "tag": "span", "text": "STEP 02", "deltas": { "fontSize": { "ours": "10px", "ref": "9px" }, "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "textTransform": { "ours": "uppercase", "ref": "none" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "47.6094px", "ref": "34.6406px" }, "height": { "ours": "13px", "ref": "10px" }, "rect": { "ours": { "x": 769, "y": 1291, "w": 48, "h": 13 }, "ref": { "x": 724, "y": 987, "w": 35, "h": 10 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:3 > div:2 > b:2", "type": "style", "tag": "b", "text": "background removed", "deltas": { "fontSize": { "ours": "10px", "ref": "9px" }, "textAlign": { "ours": "start", "ref": "right" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "108px", "ref": "89.0781px" }, "height": { "ours": "13px", "ref": "10px" }, "rect": { "ours": { "x": 1128, "y": 1291, "w": 108, "h": 13 }, "ref": { "x": 858, "y": 987, "w": 89, "h": 10 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:4", "type": "style", "tag": "div", "text": "", "deltas": { "backgroundColor": { "ours": "rgb(248, 250, 251)", "ref": "rgb(238, 241, 244)" }, "display": { "ours": "flex", "ref": "block" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "4.8px", "ref": "normal" }, "padding": { "ours": "6.4px", "ref": "0px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "482px", "ref": "241.391px" }, "height": { "ours": "309.438px", "ref": "329px" }, "rect": { "ours": { "x": 761, "y": 1324, "w": 482, "h": 309 }, "ref": { "x": 968, "y": 677, "w": 241, "h": 329 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:4 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "backgroundColor": { "ours": "rgba(0, 0, 0, 0)", "ref": "rgb(228, 232, 235)" }, "display": { "ours": "block", "ref": "grid" }, "alignItems": { "ours": "normal", "ref": "center" }, "gridTemplateColumns": { "ours": "none", "ref": "207.391px" }, "padding": { "ours": "0px", "ref": "16px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "467.219px", "ref": "239.391px" }, "height": { "ours": "276.859px", "ref": "300px" }, "rect": { "ours": { "x": 769, "y": 1331, "w": 467, "h": 277 }, "ref": { "x": 969, "y": 678, "w": 239, "h": 300 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:4 > div:1 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(22, 32, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "373.766px", "ref": "165.906px" }, "height": { "ours": "276.859px", "ref": "110.594px" }, "rect": { "ours": { "x": 769, "y": 1331, "w": 374, "h": 277 }, "ref": { "x": 1006, "y": 773, "w": 166, "h": 111 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:4 > div:1 > div:1 > span:1", "type": "style", "tag": "span", "text": "PNG", "deltas": { "width": { "ours": "28.2031px", "ref": "26.8594px" }, "height": { "ours": "19px", "ref": "18px" }, "rect": { "ours": { "x": 942, "y": 1451, "w": 28, "h": 19 }, "ref": { "x": 1076, "y": 811, "w": 27, "h": 18 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:4 > div:1 > div:1 > span:2", "type": "style", "tag": "span", "text": "easy-png-tools", "deltas": { "borderTopColor": { "ours": "rgb(22, 32, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "84px", "ref": "76.9844px" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 914, "y": 1475, "w": 84, "h": 13 }, "ref": { "x": 1051, "y": 834, "w": 77, "h": 12 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:4 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "9px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "alignItems": { "ours": "baseline", "ref": "normal" }, "padding": { "ours": "0px", "ref": "8px" }, "borderTopWidth": { "ours": "0px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "467.219px", "ref": "239.391px" }, "height": { "ours": "13px", "ref": "27px" }, "rect": { "ours": { "x": 769, "y": 1613, "w": 467, "h": 13 }, "ref": { "x": 969, "y": 978, "w": 239, "h": 27 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:4 > div:2 > span:1", "type": "style", "tag": "span", "text": "STEP 03", "deltas": { "fontSize": { "ours": "10px", "ref": "9px" }, "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "textTransform": { "ours": "uppercase", "ref": "none" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "47.6094px", "ref": "34.6406px" }, "height": { "ours": "13px", "ref": "10px" }, "rect": { "ours": { "x": 769, "y": 1613, "w": 48, "h": 13 }, "ref": { "x": 977, "y": 987, "w": 35, "h": 10 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:4 > div:2 > b:2", "type": "style", "tag": "b", "text": "outline added", "deltas": { "fontSize": { "ours": "10px", "ref": "9px" }, "textAlign": { "ours": "start", "ref": "right" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "78px", "ref": "64.3281px" }, "height": { "ours": "13px", "ref": "10px" }, "rect": { "ours": { "x": 1158, "y": 1613, "w": 78, "h": 13 }, "ref": { "x": 1136, "y": 987, "w": 64, "h": 10 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:5", "type": "style", "tag": "div", "text": "", "deltas": { "backgroundColor": { "ours": "rgb(248, 250, 251)", "ref": "rgb(238, 241, 244)" }, "display": { "ours": "flex", "ref": "block" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "4.8px", "ref": "normal" }, "padding": { "ours": "6.4px", "ref": "0px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(203, 211, 218)", "ref": "rgb(23, 105, 210)" }, "width": { "ours": "482px", "ref": "241.375px" }, "height": { "ours": "309.438px", "ref": "329px" }, "rect": { "ours": { "x": 761, "y": 1645, "w": 482, "h": 309 }, "ref": { "x": 715, "y": 1018, "w": 241, "h": 329 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:5 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "backgroundColor": { "ours": "rgba(0, 0, 0, 0)", "ref": "rgb(228, 232, 235)" }, "display": { "ours": "block", "ref": "grid" }, "alignItems": { "ours": "normal", "ref": "center" }, "gridTemplateColumns": { "ours": "none", "ref": "207.375px" }, "padding": { "ours": "0px", "ref": "16px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "467.219px", "ref": "239.375px" }, "height": { "ours": "276.859px", "ref": "300px" }, "rect": { "ours": { "x": 769, "y": 1652, "w": 467, "h": 277 }, "ref": { "x": 716, "y": 1019, "w": 239, "h": 300 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:5 > div:1 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "373.766px", "ref": "165.891px" }, "height": { "ours": "276.859px", "ref": "110.594px" }, "rect": { "ours": { "x": 769, "y": 1652, "w": 374, "h": 277 }, "ref": { "x": 753, "y": 1114, "w": 166, "h": 111 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:5 > div:1 > div:1 > span:1", "type": "style", "tag": "span", "text": "PNG", "deltas": { "width": { "ours": "28.2031px", "ref": "26.8594px" }, "height": { "ours": "19px", "ref": "18px" }, "rect": { "ours": { "x": 942, "y": 1772, "w": 28, "h": 19 }, "ref": { "x": 822, "y": 1152, "w": 27, "h": 18 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:5 > div:1 > div:1 > span:2", "type": "style", "tag": "span", "text": "easy-png-tools", "deltas": { "borderTopColor": { "ours": "rgb(22, 32, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "84px", "ref": "76.9844px" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 914, "y": 1796, "w": 84, "h": 13 }, "ref": { "x": 797, "y": 1175, "w": 77, "h": 12 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:5 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "9px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "alignItems": { "ours": "baseline", "ref": "normal" }, "padding": { "ours": "0px", "ref": "8px" }, "borderTopWidth": { "ours": "0px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "467.219px", "ref": "239.375px" }, "height": { "ours": "13px", "ref": "27px" }, "rect": { "ours": { "x": 769, "y": 1934, "w": 467, "h": 13 }, "ref": { "x": 716, "y": 1319, "w": 239, "h": 27 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:5 > div:2 > span:1", "type": "style", "tag": "span", "text": "FINAL OUTPUT", "deltas": { "fontSize": { "ours": "10px", "ref": "9px" }, "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "textTransform": { "ours": "uppercase", "ref": "none" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "81.6094px", "ref": "59.3906px" }, "height": { "ours": "13px", "ref": "10px" }, "rect": { "ours": { "x": 769, "y": 1934, "w": 82, "h": 13 }, "ref": { "x": 724, "y": 1328, "w": 59, "h": 10 } } } }, { "path": "body > main:1 > div:2 > section:2 > div:2 > div:5 > div:2 > b:2", "type": "style", "tag": "b", "text": "ready · PNG-24", "deltas": { "fontSize": { "ours": "10px", "ref": "9px" }, "textAlign": { "ours": "start", "ref": "right" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "84px", "ref": "69.2812px" }, "height": { "ours": "13px", "ref": "10px" }, "rect": { "ours": { "x": 1152, "y": 1934, "w": 84, "h": 13 }, "ref": { "x": 878, "y": 1328, "w": 69, "h": 10 } } } }, { "path": "body > main:1 > div:2 > section:2 > p:3", "type": "style", "tag": "p", "text": "Output is generated in-browser. Your files never leave this device.", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "482px", "ref": "494.766px" }, "rect": { "ours": { "x": 761, "y": 1982, "w": 482, "h": 17 }, "ref": { "x": 715, "y": 1375, "w": 495, "h": 17 } } } }, { "path": "body > main:1 > footer:3", "type": "style", "tag": "footer", "text": "", "deltas": { "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "gap": { "ours": "16px", "ref": "normal" }, "padding": { "ours": "16px 57.6px", "ref": "16px 51.2px" }, "width": { "ours": "1440px", "ref": "1280px" }, "height": { "ours": "49px", "ref": "46px" }, "rect": { "ours": { "x": 0, "y": 2090, "w": 1440, "h": 49 }, "ref": { "x": 0, "y": 1483, "w": 1280, "h": 46 } } } }, { "path": "body > main:1 > footer:3 > span:1", "type": "style", "tag": "span", "text": "easy-png-tools", "deltas": { "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "display": { "ours": "block", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "gap": { "ours": "normal", "ref": "7px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "142.812px", "ref": "116.984px" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 58, "y": 2108, "w": 143, "h": 13 }, "ref": { "x": 51, "y": 1500, "w": 117, "h": 12 } } } }, { "path": "body > main:1 > footer:3 > span:1 > b:1", "type": "style", "tag": "b", "text": "v2.4.0", "deltas": { "fontWeight": { "ours": "700", "ref": "400" }, "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "color": { "ours": "rgb(109, 120, 131)", "ref": "rgb(23, 105, 210)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "33px" }, "height": { "ours": "auto", "ref": "12px" }, "rect": { "ours": { "x": 160, "y": 2108, "w": 41, "h": 13 }, "ref": { "x": 135, "y": 1500, "w": 33, "h": 12 } } } }, { "path": "body > main:1 > footer:3 > span:2", "type": "style", "tag": "span", "text": "pipeline is local-only", "deltas": { "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "display": { "ours": "block", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "gap": { "ours": "normal", "ref": "7px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "162.609px", "ref": "140.969px" }, "height": { "ours": "16px", "ref": "13px" }, "rect": { "ours": { "x": 690, "y": 2107, "w": 163, "h": 16 }, "ref": { "x": 612, "y": 1500, "w": 141, "h": 13 } } } }, { "path": "body > main:1 > footer:3 > span:2 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 690, "y": 2107, "w": 13, "h": 13 }, "ref": { "x": 612, "y": 1500, "w": 13, "h": 13 } } } }, { "path": "body > main:1 > footer:3 > span:3", "type": "style", "tag": "span", "text": "© 2024", "deltas": { "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "display": { "ours": "block", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "gap": { "ours": "normal", "ref": "7px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "40.8125px", "ref": "33px" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 1342, "y": 2108, "w": 41, "h": 13 }, "ref": { "x": 1196, "y": 1500, "w": 33, "h": 12 } } } } ], "tokenDiffs": { "light": [ { "key": "--danger", "ours": "#e5484d", "ref": "—" }, { "key": "--success", "ours": "#25a96a", "ref": "—" }, { "key": "--text-sm--line-height", "ours": "—", "ref": "calc(1.25 / .875)" }, { "key": "--text-xs--line-height", "ours": "—", "ref": "calc(1 / .75)" }, { "key": "--font-weight-medium", "ours": "—", "ref": "500" }, { "key": "--spacing", "ours": "—", "ref": ".25rem" }, { "key": "--text-xs", "ours": "—", "ref": ".75rem" }, { "key": "--radius-md", "ours": "—", "ref": ".375rem" }, { "key": "--radius-lg", "ours": "—", "ref": ".5rem" }, { "key": "--text-sm", "ours": "—", "ref": ".875rem" } ], "dark": [ { "key": "--panel", "ours": "#182129", "ref": "#f8fafb" }, { "key": "--blue", "ours": "#54a2ff", "ref": "#1769d2" }, { "key": "--muted", "ours": "#91a0ac", "ref": "#6d7883" }, { "key": "--background", "ours": "#11171d", "ref": "#eef1f4" }, { "key": "--danger", "ours": "#ff7479", "ref": "—" }, { "key": "--foreground", "ours": "#e8eef2", "ref": "#17212b" }, { "key": "--success", "ours": "#25a96a", "ref": "—" }, { "key": "--line", "ours": "#33414c", "ref": "#cbd3da" }, { "key": "--text-sm--line-height", "ours": "—", "ref": "calc(1.25 / .875)" }, { "key": "--text-xs--line-height", "ours": "—", "ref": "calc(1 / .75)" }, { "key": "--font-weight-medium", "ours": "—", "ref": "500" }, { "key": "--spacing", "ours": "—", "ref": ".25rem" }, { "key": "--text-xs", "ours": "—", "ref": ".75rem" }, { "key": "--radius-md", "ours": "—", "ref": ".375rem" }, { "key": "--radius-lg", "ours": "—", "ref": ".5rem" }, { "key": "--text-sm", "ours": "—", "ref": ".875rem" } ] }, "counts": { "tagMismatch": 0, "textMismatch": 0, "added": 0, "removed": 0, "styleDiffs": 215, "rectDiffs": 215, "fieldDiffs": 1499, "tokenLight": 10, "tokenDark": 16 } }, { "route": "/preview/list-tools", "ref": "list-tools.html", "deltas": [ { "path": "body", "type": "style", "tag": "body", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "1280px" }, "height": { "ours": "2315.59px", "ref": "2409.98px" }, "rect": { "ours": { "x": 0, "y": 0, "w": 1440, "h": 2316 }, "ref": { "x": 0, "y": 0, "w": 1280, "h": 2410 } } } }, { "path": "body > main:1", "type": "style", "tag": "main", "text": "", "deltas": { "backgroundColor": { "ours": "rgba(0, 0, 0, 0)", "ref": "rgb(238, 241, 244)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "1280px" }, "height": { "ours": "2315.59px", "ref": "2409.98px" }, "rect": { "ours": { "x": 0, "y": 0, "w": 1440, "h": 2316 }, "ref": { "x": 0, "y": 0, "w": 1280, "h": 2410 } } } }, { "path": "body > main:1 > header:1", "type": "style", "tag": "header", "text": "", "deltas": { "padding": { "ours": "0px 57.6px", "ref": "0px 51.2px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "1280px" }, "rect": { "ours": { "x": 0, "y": 0, "w": 1440, "h": 64 }, "ref": { "x": 0, "y": 0, "w": 1280, "h": 64 } } } }, { "path": "body > main:1 > header:1 > a:1", "type": "style", "tag": "a", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "232.422px", "ref": "218.062px" }, "rect": { "ours": { "x": 58, "y": 17, "w": 232, "h": 30 }, "ref": { "x": 51, "y": 17, "w": 218, "h": 30 } } } }, { "path": "body > main:1 > header:1 > a:1 > span:1", "type": "style", "tag": "span", "text": "EP", "deltas": { "borderTopColor": { "ours": "rgb(255, 255, 255)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 58, "y": 17, "w": 30, "h": 30 }, "ref": { "x": 51, "y": 17, "w": 30, "h": 30 } } } }, { "path": "body > main:1 > header:1 > a:1 > span:2", "type": "style", "tag": "span", "text": "easy-png-tools", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "117.609px", "ref": "107.766px" }, "height": { "ours": "18px", "ref": "17px" }, "rect": { "ours": { "x": 98, "y": 23, "w": 118, "h": 18 }, "ref": { "x": 91, "y": 23, "w": 108, "h": 17 } } } }, { "path": "body > main:1 > header:1 > a:1 > span:3", "type": "style", "tag": "span", "text": "/ CATALOG", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "64.8125px", "ref": "60.2969px" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 225, "y": 25, "w": 65, "h": 13 }, "ref": { "x": 209, "y": 26, "w": 60, "h": 12 } } } }, { "path": "body > main:1 > header:1 > nav:2", "type": "style", "tag": "nav", "text": "", "deltas": { "gap": { "ours": "18px", "ref": "22px" }, "margin": { "ours": "0px 0px 0px 24px", "ref": "0px 28px 0px 337.797px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "376.594px", "ref": "296.938px" }, "height": { "ours": "15px", "ref": "12px" }, "rect": { "ours": { "x": 504, "y": 24, "w": 377, "h": 15 }, "ref": { "x": 607, "y": 26, "w": 297, "h": 12 } } } }, { "path": "body > main:1 > header:1 > nav:2 > a:1", "type": "style", "tag": "a", "text": "Workspace", "deltas": { "fontSize": { "ours": "12px", "ref": "10px" }, "letterSpacing": { "ours": "0.48px", "ref": "normal" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "69.125px", "ref": "49.4844px" }, "height": { "ours": "15px", "ref": "12px" }, "rect": { "ours": { "x": 504, "y": 24, "w": 69, "h": 15 }, "ref": { "x": 607, "y": 26, "w": 49, "h": 12 } } } }, { "path": "body > main:1 > header:1 > nav:2 > a:2", "type": "style", "tag": "a", "text": "Catalog", "deltas": { "fontSize": { "ours": "12px", "ref": "10px" }, "letterSpacing": { "ours": "0.48px", "ref": "normal" }, "color": { "ours": "rgb(109, 120, 131)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "53.7656px", "ref": "38.5px" }, "height": { "ours": "15px", "ref": "12px" }, "rect": { "ours": { "x": 591, "y": 24, "w": 54, "h": 15 }, "ref": { "x": 679, "y": 26, "w": 39, "h": 12 } } } }, { "path": "body > main:1 > header:1 > nav:2 > a:3", "type": "style", "tag": "a", "text": "Gradient", "deltas": { "fontSize": { "ours": "12px", "ref": "10px" }, "letterSpacing": { "ours": "0.48px", "ref": "normal" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "61.4531px", "ref": "43.9844px" }, "height": { "ours": "15px", "ref": "12px" }, "rect": { "ours": { "x": 663, "y": 24, "w": 61, "h": 15 }, "ref": { "x": 739, "y": 26, "w": 44, "h": 12 } } } }, { "path": "body > main:1 > header:1 > nav:2 > a:4", "type": "style", "tag": "a", "text": "Background remover", "deltas": { "fontSize": { "ours": "12px", "ref": "10px" }, "letterSpacing": { "ours": "0.48px", "ref": "normal" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "138.25px", "ref": "98.9688px" }, "height": { "ours": "15px", "ref": "12px" }, "rect": { "ours": { "x": 742, "y": 24, "w": 138, "h": 15 }, "ref": { "x": 805, "y": 26, "w": 99, "h": 12 } } } }, { "path": "body > main:1 > header:1 > div:3", "type": "style", "tag": "div", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "311.812px", "ref": "296.828px" }, "height": { "ours": "28px", "ref": "29px" }, "rect": { "ours": { "x": 1071, "y": 18, "w": 312, "h": 28 }, "ref": { "x": 932, "y": 17, "w": 297, "h": 29 } } } }, { "path": "body > main:1 > header:1 > div:3 > span:1", "type": "style", "tag": "span", "text": "LOCAL MODE / READY", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "137.406px", "ref": "126.375px" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 1071, "y": 25, "w": 137, "h": 13 }, "ref": { "x": 932, "y": 26, "w": 126, "h": 12 } } } }, { "path": "body > main:1 > header:1 > div:3 > span:1 > i:1", "type": "style", "tag": "i", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "8px", "ref": "6px" }, "height": { "ours": "8px", "ref": "6px" }, "boxShadow": { "ours": "color(srgb 0.145098 0.662745 0.415686 / 0.25) 0px 0px 0px 2px", "ref": "none" }, "rect": { "ours": { "x": 1071, "y": 28, "w": 8, "h": 8 }, "ref": { "x": 932, "y": 29, "w": 6, "h": 6 } } } }, { "path": "body > main:1 > header:1 > div:3 > button:2", "type": "style", "tag": "button", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "display": { "ours": "flex", "ref": "grid" }, "justifyContent": { "ours": "center", "ref": "normal" }, "gridTemplateColumns": { "ours": "none", "ref": "17px" }, "width": { "ours": "28px", "ref": "29px" }, "height": { "ours": "28px", "ref": "29px" }, "rect": { "ours": { "x": 1224, "y": 18, "w": 28, "h": 28 }, "ref": { "x": 1074, "y": 17, "w": 29, "h": 29 } } } }, { "path": "body > main:1 > header:1 > div:3 > button:2 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "16px", "ref": "17px" }, "height": { "ours": "16px", "ref": "17px" }, "rect": { "ours": { "x": 1230, "y": 24, "w": 16, "h": 16 }, "ref": { "x": 1080, "y": 23, "w": 17, "h": 17 } } } }, { "path": "body > main:1 > header:1 > div:3 > button:3", "type": "style", "tag": "button", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "display": { "ours": "flex", "ref": "grid" }, "justifyContent": { "ours": "center", "ref": "normal" }, "gridTemplateColumns": { "ours": "none", "ref": "17px" }, "width": { "ours": "28px", "ref": "29px" }, "height": { "ours": "28px", "ref": "29px" }, "rect": { "ours": { "x": 1268, "y": 18, "w": 28, "h": 28 }, "ref": { "x": 1119, "y": 17, "w": 29, "h": 29 } } } }, { "path": "body > main:1 > header:1 > div:3 > button:3 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "16px", "ref": "17px" }, "height": { "ours": "16px", "ref": "17px" }, "rect": { "ours": { "x": 1274, "y": 24, "w": 16, "h": 16 }, "ref": { "x": 1125, "y": 23, "w": 17, "h": 17 } } } }, { "path": "body > main:1 > header:1 > div:3 > div:4", "type": "style", "tag": "div", "text": "", "deltas": { "alignItems": { "ours": "normal", "ref": "center" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "70.4062px", "ref": "64.4531px" }, "height": { "ours": "27px", "ref": "26px" }, "rect": { "ours": { "x": 1312, "y": 18, "w": 70, "h": 27 }, "ref": { "x": 1164, "y": 19, "w": 64, "h": 26 } } } }, { "path": "body > main:1 > header:1 > div:3 > div:4 > button:1", "type": "style", "tag": "button", "text": "RU", "deltas": { "letterSpacing": { "ours": "0.6px", "ref": "normal" }, "width": { "ours": "31.2031px", "ref": "29px" }, "height": { "ours": "25px", "ref": "24px" }, "rect": { "ours": { "x": 1313, "y": 19, "w": 31, "h": 25 }, "ref": { "x": 1165, "y": 20, "w": 29, "h": 24 } } } }, { "path": "body > main:1 > header:1 > div:3 > div:4 > span:2", "type": "style", "tag": "span", "text": "/", "deltas": { "fontFamily": { "ours": "\"IBM Plex Mono\", monospace", "ref": "\"IBM Plex Sans\", sans-serif" }, "fontSize": { "ours": "10px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "color": { "ours": "rgb(109, 120, 131)", "ref": "rgb(23, 33, 43)" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "6px", "ref": "4.45312px" }, "height": { "ours": "13px", "ref": "24px" }, "rect": { "ours": { "x": 1344, "y": 25, "w": 6, "h": 13 }, "ref": { "x": 1194, "y": 20, "w": 4, "h": 24 } } } }, { "path": "body > main:1 > header:1 > div:3 > div:4 > button:3", "type": "style", "tag": "button", "text": "EN", "deltas": { "letterSpacing": { "ours": "0.6px", "ref": "normal" }, "width": { "ours": "31.2031px", "ref": "29px" }, "height": { "ours": "25px", "ref": "24px" }, "rect": { "ours": { "x": 1350, "y": 19, "w": 31, "h": 25 }, "ref": { "x": 1199, "y": 20, "w": 29, "h": 24 } } } }, { "path": "body > main:1 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "padding": { "ours": "60px 57.6px 72px", "ref": "60px 51.2px 72px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "1280px" }, "height": { "ours": "2251.59px", "ref": "2345.98px" }, "rect": { "ours": { "x": 0, "y": 64, "w": 1440, "h": 2252 }, "ref": { "x": 0, "y": 64, "w": 1280, "h": 2346 } } } }, { "path": "body > main:1 > div:2 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "gap": { "ours": "24px", "ref": "40px" }, "padding": { "ours": "0px", "ref": "0px 0px 42px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1324.81px", "ref": "1177.62px" }, "height": { "ours": "124.594px", "ref": "182.984px" }, "rect": { "ours": { "x": 58, "y": 124, "w": 1325, "h": 125 }, "ref": { "x": 51, "y": 124, "w": 1178, "h": 183 } } } }, { "path": "body > main:1 > div:2 > div:1 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "510.719px", "ref": "660px" }, "height": { "ours": "124.594px", "ref": "139.984px" }, "rect": { "ours": { "x": 58, "y": 124, "w": 511, "h": 125 }, "ref": { "x": 51, "y": 124, "w": 660, "h": 140 } } } }, { "path": "body > main:1 > div:2 > div:1 > div:1 > div:1", "type": "style", "tag": "div", "text": "EASY-PNG-TOOLS / CATALOG", "deltas": { "fontSize": { "ours": "12px", "ref": "10px" }, "letterSpacing": { "ours": "2.16px", "ref": "1.2px" }, "color": { "ours": "rgb(109, 120, 131)", "ref": "rgb(23, 105, 210)" }, "margin": { "ours": "0px 0px 8px", "ref": "0px 0px 18px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "510.719px", "ref": "660px" }, "height": { "ours": "15px", "ref": "12px" }, "rect": { "ours": { "x": 58, "y": 124, "w": 511, "h": 15 }, "ref": { "x": 51, "y": 124, "w": 660, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:1 > div:1 > h1:2", "type": "style", "tag": "h1", "text": "Tool catalog", "deltas": { "fontSize": { "ours": "32px", "ref": "51.2px" }, "fontWeight": { "ours": "700", "ref": "650" }, "lineHeight": { "ours": "48px", "ref": "51.2px" }, "letterSpacing": { "ours": "normal", "ref": "-3.072px" }, "margin": { "ours": "0px", "ref": "12px 0px 14px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "510.719px", "ref": "660px" }, "height": { "ours": "48px", "ref": "51.2031px" }, "rect": { "ours": { "x": 58, "y": 147, "w": 511, "h": 48 }, "ref": { "x": 51, "y": 154, "w": 660, "h": 51 } } } }, { "path": "body > main:1 > div:2 > div:1 > div:1 > p:3", "type": "style", "tag": "p", "text": "Focused utilities for working with PNG. Inspect, transform, and export — locally in your browser.", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "15.2px", "ref": "14px" }, "lineHeight": { "ours": "22.8px", "ref": "22.4px" }, "margin": { "ours": "8px 0px 0px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "510.719px", "ref": "660px" }, "height": { "ours": "45.5938px", "ref": "44.7812px" }, "rect": { "ours": { "x": 58, "y": 203, "w": 511, "h": 46 }, "ref": { "x": 51, "y": 219, "w": 660, "h": 45 } } } }, { "path": "body > main:1 > div:2 > div:1 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "16px", "ref": "14px" }, "textAlign": { "ours": "start", "ref": "right" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "flexDirection": { "ours": "column", "ref": "row" }, "alignItems": { "ours": "flex-end", "ref": "center" }, "gap": { "ours": "normal", "ref": "14px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "61.2031px", "ref": "123.625px" }, "height": { "ours": "73.5938px", "ref": "57.5938px" }, "rect": { "ours": { "x": 1321, "y": 175, "w": 61, "h": 74 }, "ref": { "x": 1105, "y": 206, "w": 124, "h": 58 } } } }, { "path": "body > main:1 > div:2 > div:1 > div:2 > b:1", "type": "style", "tag": "b", "text": "32", "deltas": { "fontSize": { "ours": "32px", "ref": "64px" }, "fontWeight": { "ours": "700", "ref": "400" }, "lineHeight": { "ours": "normal", "ref": "57.6px" }, "letterSpacing": { "ours": "normal", "ref": "-5.12px" }, "textAlign": { "ours": "start", "ref": "right" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "38.4062px", "ref": "60.1406px" }, "height": { "ours": "42px", "ref": "57.5938px" }, "rect": { "ours": { "x": 1344, "y": 175, "w": 38, "h": 42 }, "ref": { "x": 1105, "y": 206, "w": 60, "h": 58 } } } }, { "path": "body > main:1 > div:2 > div:1 > div:2 > span:2", "type": "style", "tag": "span", "text": "TOOLS AVAILABLE", "deltas": { "lineHeight": { "ours": "normal", "ref": "14px" }, "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "margin": { "ours": "5.6px 0px 0px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "61.2031px", "ref": "49.4844px" }, "height": { "ours": "26px", "ref": "28px" }, "rect": { "ours": { "x": 1321, "y": 223, "w": 61, "h": 26 }, "ref": { "x": 1179, "y": 221, "w": 49, "h": 28 } } } }, { "path": "body > main:1 > div:2 > div:1 > div:2 > span:2 > br:1", "type": "style", "tag": "br", "text": "", "deltas": { "lineHeight": { "ours": "normal", "ref": "14px" }, "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 1382, "y": 223, "w": 0, "h": 13 }, "ref": { "x": 1229, "y": 222, "w": 0, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "gap": { "ours": "16px", "ref": "24px" }, "padding": { "ours": "20px 0px", "ref": "24px 0px 42px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1324.81px", "ref": "1177.62px" }, "height": { "ours": "75px", "ref": "108px" }, "rect": { "ours": { "x": 58, "y": 249, "w": 1325, "h": 75 }, "ref": { "x": 51, "y": 307, "w": 1178, "h": 108 } } } }, { "path": "body > main:1 > div:2 > div:2 > label:1", "type": "style", "tag": "label", "text": "", "deltas": { "backgroundColor": { "ours": "rgb(248, 250, 251)", "ref": "rgba(0, 0, 0, 0)" }, "gap": { "ours": "8px", "ref": "12px" }, "padding": { "ours": "8px 12px", "ref": "12px 14px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "202px", "ref": "420px" }, "height": { "ours": "35px", "ref": "42px" }, "rect": { "ours": { "x": 58, "y": 269, "w": 202, "h": 35 }, "ref": { "x": 51, "y": 331, "w": 420, "h": 42 } } } }, { "path": "body > main:1 > div:2 > div:2 > label:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "16px", "ref": "14.8906px" }, "rect": { "ours": { "x": 71, "y": 278, "w": 16, "h": 16 }, "ref": { "x": 66, "y": 344, "w": 15, "h": 16 } } } }, { "path": "body > main:1 > div:2 > div:2 > label:1 > input:2", "type": "style", "tag": "input", "text": "", "deltas": { "padding": { "ours": "1px 2px", "ref": "0px" }, "width": { "ours": "152px", "ref": "363.109px" }, "height": { "ours": "17px", "ref": "14px" }, "rect": { "ours": { "x": 95, "y": 278, "w": 152, "h": 17 }, "ref": { "x": 93, "y": 345, "w": 363, "h": 14 } } } }, { "path": "body > main:1 > div:2 > div:2 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "gap": { "ours": "6.4px", "ref": "6px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "531.484px", "ref": "480.469px" }, "height": { "ours": "27.7812px", "ref": "30px" }, "rect": { "ours": { "x": 851, "y": 272, "w": 531, "h": 28 }, "ref": { "x": 748, "y": 337, "w": 480, "h": 30 } } } }, { "path": "body > main:1 > div:2 > div:2 > div:2 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 851, "y": 279, "w": 15, "h": 15 }, "ref": { "x": 748, "y": 344, "w": 15, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:2 > div:2 > button:2", "type": "style", "tag": "button", "text": "ALL", "deltas": { "letterSpacing": { "ours": "0.6px", "ref": "normal" }, "color": { "ours": "rgb(255, 255, 255)", "ref": "rgb(23, 105, 210)" }, "backgroundColor": { "ours": "rgb(23, 105, 210)", "ref": "rgba(0, 0, 0, 0)" }, "padding": { "ours": "6.4px 9.6px", "ref": "8px 10px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "41px", "ref": "38.5px" }, "height": { "ours": "27.7812px", "ref": "30px" }, "rect": { "ours": { "x": 872, "y": 272, "w": 41, "h": 28 }, "ref": { "x": 769, "y": 337, "w": 39, "h": 30 } } } }, { "path": "body > main:1 > div:2 > div:2 > div:2 > button:3", "type": "style", "tag": "button", "text": "CONVERT", "deltas": { "letterSpacing": { "ours": "0.6px", "ref": "normal" }, "padding": { "ours": "6.4px 9.6px", "ref": "8px 10px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(203, 211, 218)", "ref": "rgba(0, 0, 0, 0)" }, "width": { "ours": "67.3906px", "ref": "60.5px" }, "height": { "ours": "27.7812px", "ref": "30px" }, "rect": { "ours": { "x": 920, "y": 272, "w": 67, "h": 28 }, "ref": { "x": 814, "y": 337, "w": 61, "h": 30 } } } }, { "path": "body > main:1 > div:2 > div:2 > div:2 > button:4", "type": "style", "tag": "button", "text": "TRANSPARENCY", "deltas": { "letterSpacing": { "ours": "0.6px", "ref": "normal" }, "padding": { "ours": "6.4px 9.6px", "ref": "8px 10px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(203, 211, 218)", "ref": "rgba(0, 0, 0, 0)" }, "width": { "ours": "100.391px", "ref": "87.9844px" }, "height": { "ours": "27.7812px", "ref": "30px" }, "rect": { "ours": { "x": 993, "y": 272, "w": 100, "h": 28 }, "ref": { "x": 880, "y": 337, "w": 88, "h": 30 } } } }, { "path": "body > main:1 > div:2 > div:2 > div:2 > button:5", "type": "style", "tag": "button", "text": "COLOR", "deltas": { "letterSpacing": { "ours": "0.6px", "ref": "normal" }, "padding": { "ours": "6.4px 9.6px", "ref": "8px 10px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(203, 211, 218)", "ref": "rgba(0, 0, 0, 0)" }, "width": { "ours": "54.1875px", "ref": "49.5px" }, "height": { "ours": "27.7812px", "ref": "30px" }, "rect": { "ours": { "x": 1100, "y": 272, "w": 54, "h": 28 }, "ref": { "x": 974, "y": 337, "w": 50, "h": 30 } } } }, { "path": "body > main:1 > div:2 > div:2 > div:2 > button:6", "type": "style", "tag": "button", "text": "GEOMETRY", "deltas": { "letterSpacing": { "ours": "0.6px", "ref": "normal" }, "padding": { "ours": "6.4px 9.6px", "ref": "8px 10px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(203, 211, 218)", "ref": "rgba(0, 0, 0, 0)" }, "width": { "ours": "74px", "ref": "65.9844px" }, "height": { "ours": "27.7812px", "ref": "30px" }, "rect": { "ours": { "x": 1161, "y": 272, "w": 74, "h": 28 }, "ref": { "x": 1030, "y": 337, "w": 66, "h": 30 } } } }, { "path": "body > main:1 > div:2 > div:2 > div:2 > button:7", "type": "style", "tag": "button", "text": "FILTERS", "deltas": { "letterSpacing": { "ours": "0.6px", "ref": "normal" }, "padding": { "ours": "6.4px 9.6px", "ref": "8px 10px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(203, 211, 218)", "ref": "rgba(0, 0, 0, 0)" }, "width": { "ours": "67.3906px", "ref": "60.5px" }, "height": { "ours": "27.7812px", "ref": "30px" }, "rect": { "ours": { "x": 1241, "y": 272, "w": 67, "h": 28 }, "ref": { "x": 1102, "y": 337, "w": 61, "h": 30 } } } }, { "path": "body > main:1 > div:2 > div:2 > div:2 > button:8", "type": "style", "tag": "button", "text": "ANALYZE", "deltas": { "letterSpacing": { "ours": "0.6px", "ref": "normal" }, "padding": { "ours": "6.4px 9.6px", "ref": "8px 10px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(203, 211, 218)", "ref": "rgba(0, 0, 0, 0)" }, "width": { "ours": "67.3906px", "ref": "60.5px" }, "height": { "ours": "27.7812px", "ref": "30px" }, "rect": { "ours": { "x": 1315, "y": 272, "w": 67, "h": 28 }, "ref": { "x": 1168, "y": 337, "w": 61, "h": 30 } } } }, { "path": "body > main:1 > div:2 > div:3", "type": "style", "tag": "div", "text": "", "deltas": { "gridTemplateColumns": { "ours": "648.406px 648.406px", "ref": "574.812px 574.812px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1324.81px", "ref": "1177.62px" }, "rect": { "ours": { "x": 58, "y": 324, "w": 1325, "h": 1826 }, "ref": { "x": 51, "y": 415, "w": 1178, "h": 1826 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1", "type": "style", "tag": "section", "text": "", "deltas": { "display": { "ours": "flex", "ref": "block" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "16px", "ref": "normal" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 58, "y": 324, "w": 648, "h": 610 }, "ref": { "x": 51, "y": 415, "w": 575, "h": 610 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "11px" }, "fontWeight": { "ours": "400", "ref": "600" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1.32px" }, "alignItems": { "ours": "baseline", "ref": "center" }, "gap": { "ours": "16px", "ref": "normal" }, "padding": { "ours": "0px 0px 8px", "ref": "0px 0px 12px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "height": { "ours": "24px", "ref": "26px" }, "rect": { "ours": { "x": 58, "y": 324, "w": 648, "h": 24 }, "ref": { "x": 51, "y": 415, "w": 575, "h": 26 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:1 > span:1", "type": "style", "tag": "span", "text": "CONVERT", "deltas": { "fontSize": { "ours": "12px", "ref": "11px" }, "fontWeight": { "ours": "400", "ref": "600" }, "letterSpacing": { "ours": "1.68px", "ref": "1.32px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "62.1719px", "ref": "51.5781px" }, "height": { "ours": "15px", "ref": "13px" }, "rect": { "ours": { "x": 58, "y": 324, "w": 62, "h": 15 }, "ref": { "x": 51, "y": 415, "w": 52, "h": 13 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:1 > i:2", "type": "style", "tag": "i", "text": "05 TOOLS", "deltas": { "letterSpacing": { "ours": "0.8px", "ref": "1.32px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "54.4062px", "ref": "54.5625px" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 652, "y": 326, "w": 54, "h": 13 }, "ref": { "x": 571, "y": 415, "w": 55, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "gridTemplateColumns": { "ours": "648.406px", "ref": "574.812px" }, "padding": { "ours": "0px", "ref": "14px 0px 0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "height": { "ours": "570px", "ref": "584px" }, "rect": { "ours": { "x": 58, "y": 364, "w": 648, "h": 570 }, "ref": { "x": 51, "y": 441, "w": 575, "h": 584 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:1", "type": "style", "tag": "a", "text": "", "deltas": { "gridTemplateColumns": { "ours": "42px 488.406px 24px 18px", "ref": "42px 414.812px 24px 18px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 58, "y": 364, "w": 648, "h": 106 }, "ref": { "x": 51, "y": 455, "w": 575, "h": 106 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:1 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 75, "y": 396, "w": 42, "h": 42 }, "ref": { "x": 68, "y": 487, "w": 42, "h": 42 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:1 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 86, "y": 407, "w": 19, "h": 19 }, "ref": { "x": 80, "y": 498, "w": 19, "h": 19 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:1 > span:2", "type": "style", "tag": "span", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "2px", "ref": "8px" }, "gridTemplateColumns": { "ours": "none", "ref": "414.812px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "37px", "ref": "59px" }, "rect": { "ours": { "x": 131, "y": 398, "w": 488, "h": 37 }, "ref": { "x": 124, "y": 478, "w": 415, "h": 59 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:1 > span:2 > strong:1", "type": "style", "tag": "strong", "text": "Convert JPG to PNG", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "17px", "ref": "15px" }, "rect": { "ours": { "x": 131, "y": 398, "w": 488, "h": 17 }, "ref": { "x": 124, "y": 478, "w": 415, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:1 > span:2 > span:2", "type": "style", "tag": "span", "text": "Re-encode JPEG files as lossless PNG while preserving transparency.", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "18px", "ref": "36px" }, "rect": { "ours": { "x": 131, "y": 417, "w": 488, "h": 18 }, "ref": { "x": 124, "y": 501, "w": 415, "h": 36 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:1 > span:3", "type": "style", "tag": "span", "text": "01", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 633, "y": 381, "w": 24, "h": 13 }, "ref": { "x": 553, "y": 472, "w": 24, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:1 > svg:4", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "opacity": { "ours": "1", "ref": "0" }, "rect": { "ours": { "x": 671, "y": 409, "w": 16, "h": 16 }, "ref": { "x": 591, "y": 500, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:2", "type": "style", "tag": "a", "text": "", "deltas": { "gridTemplateColumns": { "ours": "42px 488.406px 24px 18px", "ref": "42px 414.812px 24px 18px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 58, "y": 480, "w": 648, "h": 106 }, "ref": { "x": 51, "y": 571, "w": 575, "h": 106 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:2 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 75, "y": 512, "w": 42, "h": 42 }, "ref": { "x": 68, "y": 603, "w": 42, "h": 42 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:2 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 86, "y": 523, "w": 19, "h": 19 }, "ref": { "x": 80, "y": 614, "w": 19, "h": 19 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:2 > span:2", "type": "style", "tag": "span", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "2px", "ref": "8px" }, "gridTemplateColumns": { "ours": "none", "ref": "414.812px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "37px", "ref": "41px" }, "rect": { "ours": { "x": 131, "y": 514, "w": 488, "h": 37 }, "ref": { "x": 124, "y": 603, "w": 415, "h": 41 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:2 > span:2 > strong:1", "type": "style", "tag": "strong", "text": "Convert WebP to PNG", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "17px", "ref": "15px" }, "rect": { "ours": { "x": 131, "y": 514, "w": 488, "h": 17 }, "ref": { "x": 124, "y": 603, "w": 415, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:2 > span:2 > span:2", "type": "style", "tag": "span", "text": "Turn WebP images into a universal PNG format for any workflow.", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "rect": { "ours": { "x": 131, "y": 533, "w": 488, "h": 18 }, "ref": { "x": 124, "y": 626, "w": 415, "h": 18 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:2 > span:3", "type": "style", "tag": "span", "text": "02", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 633, "y": 497, "w": 24, "h": 13 }, "ref": { "x": 553, "y": 588, "w": 24, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:2 > svg:4", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "opacity": { "ours": "1", "ref": "0" }, "rect": { "ours": { "x": 671, "y": 525, "w": 16, "h": 16 }, "ref": { "x": 591, "y": 616, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:3", "type": "style", "tag": "a", "text": "", "deltas": { "gridTemplateColumns": { "ours": "42px 488.406px 24px 18px", "ref": "42px 414.812px 24px 18px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 58, "y": 596, "w": 648, "h": 106 }, "ref": { "x": 51, "y": 687, "w": 575, "h": 106 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:3 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 75, "y": 628, "w": 42, "h": 42 }, "ref": { "x": 68, "y": 719, "w": 42, "h": 42 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:3 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 86, "y": 639, "w": 19, "h": 19 }, "ref": { "x": 80, "y": 730, "w": 19, "h": 19 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:3 > span:2", "type": "style", "tag": "span", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "2px", "ref": "8px" }, "gridTemplateColumns": { "ours": "none", "ref": "414.812px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "37px", "ref": "59px" }, "rect": { "ours": { "x": 131, "y": 630, "w": 488, "h": 37 }, "ref": { "x": 124, "y": 710, "w": 415, "h": 59 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:3 > span:2 > strong:1", "type": "style", "tag": "strong", "text": "PNG to Base64", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "17px", "ref": "15px" }, "rect": { "ours": { "x": 131, "y": 630, "w": 488, "h": 17 }, "ref": { "x": 124, "y": 710, "w": 415, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:3 > span:2 > span:2", "type": "style", "tag": "span", "text": "Encode an image as a base64 string for embedding in code or styles.", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "18px", "ref": "36px" }, "rect": { "ours": { "x": 131, "y": 649, "w": 488, "h": 18 }, "ref": { "x": 124, "y": 733, "w": 415, "h": 36 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:3 > span:3", "type": "style", "tag": "span", "text": "03", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 633, "y": 613, "w": 24, "h": 13 }, "ref": { "x": 553, "y": 704, "w": 24, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:3 > svg:4", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "opacity": { "ours": "1", "ref": "0" }, "rect": { "ours": { "x": 671, "y": 641, "w": 16, "h": 16 }, "ref": { "x": 591, "y": 732, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:4", "type": "style", "tag": "a", "text": "", "deltas": { "gridTemplateColumns": { "ours": "42px 488.406px 24px 18px", "ref": "42px 414.812px 24px 18px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 58, "y": 712, "w": 648, "h": 106 }, "ref": { "x": 51, "y": 803, "w": 575, "h": 106 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:4 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 75, "y": 744, "w": 42, "h": 42 }, "ref": { "x": 68, "y": 835, "w": 42, "h": 42 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:4 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 86, "y": 755, "w": 19, "h": 19 }, "ref": { "x": 80, "y": 846, "w": 19, "h": 19 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:4 > span:2", "type": "style", "tag": "span", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "2px", "ref": "8px" }, "gridTemplateColumns": { "ours": "none", "ref": "414.812px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "37px", "ref": "41px" }, "rect": { "ours": { "x": 131, "y": 746, "w": 488, "h": 37 }, "ref": { "x": 124, "y": 835, "w": 415, "h": 41 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:4 > span:2 > strong:1", "type": "style", "tag": "strong", "text": "PNG to Data URI", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "17px", "ref": "15px" }, "rect": { "ours": { "x": 131, "y": 746, "w": 488, "h": 17 }, "ref": { "x": 124, "y": 835, "w": 415, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:4 > span:2 > span:2", "type": "style", "tag": "span", "text": "Build a complete data URI ready for HTML and CSS.", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "rect": { "ours": { "x": 131, "y": 765, "w": 488, "h": 18 }, "ref": { "x": 124, "y": 858, "w": 415, "h": 18 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:4 > span:3", "type": "style", "tag": "span", "text": "04", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 633, "y": 729, "w": 24, "h": 13 }, "ref": { "x": 553, "y": 820, "w": 24, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:4 > svg:4", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "opacity": { "ours": "1", "ref": "0" }, "rect": { "ours": { "x": 671, "y": 757, "w": 16, "h": 16 }, "ref": { "x": 591, "y": 848, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:5", "type": "style", "tag": "a", "text": "", "deltas": { "gridTemplateColumns": { "ours": "42px 488.406px 24px 18px", "ref": "42px 414.812px 24px 18px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 58, "y": 828, "w": 648, "h": 106 }, "ref": { "x": 51, "y": 919, "w": 575, "h": 106 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:5 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 75, "y": 860, "w": 42, "h": 42 }, "ref": { "x": 68, "y": 951, "w": 42, "h": 42 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:5 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 86, "y": 871, "w": 19, "h": 19 }, "ref": { "x": 80, "y": 962, "w": 19, "h": 19 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:5 > span:2", "type": "style", "tag": "span", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "2px", "ref": "8px" }, "gridTemplateColumns": { "ours": "none", "ref": "414.812px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "37px", "ref": "59px" }, "rect": { "ours": { "x": 131, "y": 862, "w": 488, "h": 37 }, "ref": { "x": 124, "y": 942, "w": 415, "h": 59 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:5 > span:2 > strong:1", "type": "style", "tag": "strong", "text": "Convert PNG to JPG", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "17px", "ref": "15px" }, "rect": { "ours": { "x": 131, "y": 862, "w": 488, "h": 17 }, "ref": { "x": 124, "y": 942, "w": 415, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:5 > span:2 > span:2", "type": "style", "tag": "span", "text": "Composite transparency over a selected backdrop and export JPEG.", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "18px", "ref": "36px" }, "rect": { "ours": { "x": 131, "y": 881, "w": 488, "h": 18 }, "ref": { "x": 124, "y": 965, "w": 415, "h": 36 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:5 > span:3", "type": "style", "tag": "span", "text": "05", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 633, "y": 845, "w": 24, "h": 13 }, "ref": { "x": 553, "y": 936, "w": 24, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > a:5 > svg:4", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "opacity": { "ours": "1", "ref": "0" }, "rect": { "ours": { "x": 671, "y": 873, "w": 16, "h": 16 }, "ref": { "x": 591, "y": 964, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2", "type": "style", "tag": "section", "text": "", "deltas": { "display": { "ours": "flex", "ref": "block" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "16px", "ref": "normal" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 734, "y": 324, "w": 648, "h": 610 }, "ref": { "x": 654, "y": 415, "w": 575, "h": 610 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "11px" }, "fontWeight": { "ours": "400", "ref": "600" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1.32px" }, "alignItems": { "ours": "baseline", "ref": "center" }, "gap": { "ours": "16px", "ref": "normal" }, "padding": { "ours": "0px 0px 8px", "ref": "0px 0px 12px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "height": { "ours": "24px", "ref": "26px" }, "rect": { "ours": { "x": 734, "y": 324, "w": 648, "h": 24 }, "ref": { "x": 654, "y": 415, "w": 575, "h": 26 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:1 > span:1", "type": "style", "tag": "span", "text": "TRANSPARENCY", "deltas": { "fontSize": { "ours": "12px", "ref": "11px" }, "fontWeight": { "ours": "400", "ref": "600" }, "letterSpacing": { "ours": "1.68px", "ref": "1.32px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "106.562px", "ref": "88.4219px" }, "height": { "ours": "15px", "ref": "13px" }, "rect": { "ours": { "x": 734, "y": 324, "w": 107, "h": 15 }, "ref": { "x": 654, "y": 415, "w": 88, "h": 13 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:1 > i:2", "type": "style", "tag": "i", "text": "05 TOOLS", "deltas": { "letterSpacing": { "ours": "0.8px", "ref": "1.32px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "54.4062px", "ref": "54.5625px" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 1328, "y": 326, "w": 54, "h": 13 }, "ref": { "x": 1174, "y": 415, "w": 55, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "gridTemplateColumns": { "ours": "648.406px", "ref": "574.812px" }, "padding": { "ours": "0px", "ref": "14px 0px 0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "height": { "ours": "570px", "ref": "584px" }, "rect": { "ours": { "x": 734, "y": 364, "w": 648, "h": 570 }, "ref": { "x": 654, "y": 441, "w": 575, "h": 584 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:1", "type": "style", "tag": "a", "text": "", "deltas": { "gridTemplateColumns": { "ours": "42px 488.406px 24px 18px", "ref": "42px 414.812px 24px 18px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 734, "y": 364, "w": 648, "h": 106 }, "ref": { "x": 654, "y": 455, "w": 575, "h": 106 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:1 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 751, "y": 396, "w": 42, "h": 42 }, "ref": { "x": 671, "y": 487, "w": 42, "h": 42 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:1 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 763, "y": 407, "w": 19, "h": 19 }, "ref": { "x": 683, "y": 498, "w": 19, "h": 19 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:1 > span:2", "type": "style", "tag": "span", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "2px", "ref": "8px" }, "gridTemplateColumns": { "ours": "none", "ref": "414.812px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "55px", "ref": "59px" }, "rect": { "ours": { "x": 807, "y": 389, "w": 488, "h": 55 }, "ref": { "x": 727, "y": 478, "w": 415, "h": 59 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:1 > span:2 > strong:1", "type": "style", "tag": "strong", "text": "Remove background PNG", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "17px", "ref": "15px" }, "rect": { "ours": { "x": 807, "y": 389, "w": 488, "h": 17 }, "ref": { "x": 727, "y": 478, "w": 415, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:1 > span:2 > span:2", "type": "style", "tag": "span", "text": "Remove a solid background by color, tolerance, or edge-connected regions.", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "rect": { "ours": { "x": 807, "y": 408, "w": 488, "h": 36 }, "ref": { "x": 727, "y": 501, "w": 415, "h": 36 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:1 > span:3", "type": "style", "tag": "span", "text": "01", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 1309, "y": 381, "w": 24, "h": 13 }, "ref": { "x": 1156, "y": 472, "w": 24, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:1 > svg:4", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "opacity": { "ours": "1", "ref": "0" }, "rect": { "ours": { "x": 1347, "y": 409, "w": 16, "h": 16 }, "ref": { "x": 1194, "y": 500, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:2", "type": "style", "tag": "a", "text": "", "deltas": { "gridTemplateColumns": { "ours": "42px 488.406px 24px 18px", "ref": "42px 414.812px 24px 18px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 734, "y": 480, "w": 648, "h": 106 }, "ref": { "x": 654, "y": 571, "w": 575, "h": 106 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:2 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 751, "y": 512, "w": 42, "h": 42 }, "ref": { "x": 671, "y": 603, "w": 42, "h": 42 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:2 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 763, "y": 523, "w": 19, "h": 19 }, "ref": { "x": 683, "y": 614, "w": 19, "h": 19 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:2 > span:2", "type": "style", "tag": "span", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "2px", "ref": "8px" }, "gridTemplateColumns": { "ours": "none", "ref": "414.812px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "37px", "ref": "41px" }, "rect": { "ours": { "x": 807, "y": 514, "w": 488, "h": 37 }, "ref": { "x": 727, "y": 603, "w": 415, "h": 41 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:2 > span:2 > strong:1", "type": "style", "tag": "strong", "text": "Extract alpha mask", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "17px", "ref": "15px" }, "rect": { "ours": { "x": 807, "y": 514, "w": 488, "h": 17 }, "ref": { "x": 727, "y": 603, "w": 415, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:2 > span:2 > span:2", "type": "style", "tag": "span", "text": "Turn the alpha channel into a clean black-and-white mask.", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "rect": { "ours": { "x": 807, "y": 533, "w": 488, "h": 18 }, "ref": { "x": 727, "y": 626, "w": 415, "h": 18 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:2 > span:3", "type": "style", "tag": "span", "text": "02", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 1309, "y": 497, "w": 24, "h": 13 }, "ref": { "x": 1156, "y": 588, "w": 24, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:2 > svg:4", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "opacity": { "ours": "1", "ref": "0" }, "rect": { "ours": { "x": 1347, "y": 525, "w": 16, "h": 16 }, "ref": { "x": 1194, "y": 616, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:3", "type": "style", "tag": "a", "text": "", "deltas": { "gridTemplateColumns": { "ours": "42px 488.406px 24px 18px", "ref": "42px 414.812px 24px 18px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 734, "y": 596, "w": 648, "h": 106 }, "ref": { "x": 654, "y": 687, "w": 575, "h": 106 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:3 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 751, "y": 628, "w": 42, "h": 42 }, "ref": { "x": 671, "y": 719, "w": 42, "h": 42 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:3 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 763, "y": 639, "w": 19, "h": 19 }, "ref": { "x": 683, "y": 730, "w": 19, "h": 19 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:3 > span:2", "type": "style", "tag": "span", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "2px", "ref": "8px" }, "gridTemplateColumns": { "ours": "none", "ref": "414.812px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "37px", "ref": "41px" }, "rect": { "ours": { "x": 807, "y": 630, "w": 488, "h": 37 }, "ref": { "x": 727, "y": 719, "w": 415, "h": 41 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:3 > span:2 > strong:1", "type": "style", "tag": "strong", "text": "Round corners PNG", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "17px", "ref": "15px" }, "rect": { "ours": { "x": 807, "y": 630, "w": 488, "h": 17 }, "ref": { "x": 727, "y": 719, "w": 415, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:3 > span:2 > span:2", "type": "style", "tag": "span", "text": "Clip the image corners by a precise radius percentage.", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "rect": { "ours": { "x": 807, "y": 649, "w": 488, "h": 18 }, "ref": { "x": 727, "y": 742, "w": 415, "h": 18 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:3 > span:3", "type": "style", "tag": "span", "text": "03", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 1309, "y": 613, "w": 24, "h": 13 }, "ref": { "x": 1156, "y": 704, "w": 24, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:3 > svg:4", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "opacity": { "ours": "1", "ref": "0" }, "rect": { "ours": { "x": 1347, "y": 641, "w": 16, "h": 16 }, "ref": { "x": 1194, "y": 732, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:4", "type": "style", "tag": "a", "text": "", "deltas": { "gridTemplateColumns": { "ours": "42px 488.406px 24px 18px", "ref": "42px 414.812px 24px 18px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 734, "y": 712, "w": 648, "h": 106 }, "ref": { "x": 654, "y": 803, "w": 575, "h": 106 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:4 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 751, "y": 744, "w": 42, "h": 42 }, "ref": { "x": 671, "y": 835, "w": 42, "h": 42 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:4 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 763, "y": 755, "w": 19, "h": 19 }, "ref": { "x": 683, "y": 846, "w": 19, "h": 19 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:4 > span:2", "type": "style", "tag": "span", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "2px", "ref": "8px" }, "gridTemplateColumns": { "ours": "none", "ref": "414.812px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "37px", "ref": "59px" }, "rect": { "ours": { "x": 807, "y": 746, "w": 488, "h": 37 }, "ref": { "x": 727, "y": 826, "w": 415, "h": 59 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:4 > span:2 > strong:1", "type": "style", "tag": "strong", "text": "Outline PNG", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "17px", "ref": "15px" }, "rect": { "ours": { "x": 807, "y": 746, "w": 488, "h": 17 }, "ref": { "x": 727, "y": 826, "w": 415, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:4 > span:2 > span:2", "type": "style", "tag": "span", "text": "Add a colored ring around opaque content with adjustable thickness.", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "18px", "ref": "36px" }, "rect": { "ours": { "x": 807, "y": 765, "w": 488, "h": 18 }, "ref": { "x": 727, "y": 849, "w": 415, "h": 36 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:4 > span:3", "type": "style", "tag": "span", "text": "04", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 1309, "y": 729, "w": 24, "h": 13 }, "ref": { "x": 1156, "y": 820, "w": 24, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:4 > svg:4", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "opacity": { "ours": "1", "ref": "0" }, "rect": { "ours": { "x": 1347, "y": 757, "w": 16, "h": 16 }, "ref": { "x": 1194, "y": 848, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:5", "type": "style", "tag": "a", "text": "", "deltas": { "gridTemplateColumns": { "ours": "42px 488.406px 24px 18px", "ref": "42px 414.812px 24px 18px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 734, "y": 828, "w": 648, "h": 106 }, "ref": { "x": 654, "y": 919, "w": 575, "h": 106 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:5 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 751, "y": 860, "w": 42, "h": 42 }, "ref": { "x": 671, "y": 951, "w": 42, "h": 42 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:5 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 763, "y": 871, "w": 19, "h": 19 }, "ref": { "x": 683, "y": 962, "w": 19, "h": 19 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:5 > span:2", "type": "style", "tag": "span", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "2px", "ref": "8px" }, "gridTemplateColumns": { "ours": "none", "ref": "414.812px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "55px", "ref": "59px" }, "rect": { "ours": { "x": 807, "y": 853, "w": 488, "h": 55 }, "ref": { "x": 727, "y": 942, "w": 415, "h": 59 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:5 > span:2 > strong:1", "type": "style", "tag": "strong", "text": "Change PNG opacity", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "17px", "ref": "15px" }, "rect": { "ours": { "x": 807, "y": 853, "w": 488, "h": 17 }, "ref": { "x": 727, "y": 942, "w": 415, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:5 > span:2 > span:2", "type": "style", "tag": "span", "text": "Multiply the alpha channel while keeping the original colors unchanged.", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "rect": { "ours": { "x": 807, "y": 872, "w": 488, "h": 36 }, "ref": { "x": 727, "y": 965, "w": 415, "h": 36 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:5 > span:3", "type": "style", "tag": "span", "text": "05", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 1309, "y": 845, "w": 24, "h": 13 }, "ref": { "x": 1156, "y": 936, "w": 24, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > a:5 > svg:4", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "opacity": { "ours": "1", "ref": "0" }, "rect": { "ours": { "x": 1347, "y": 873, "w": 16, "h": 16 }, "ref": { "x": 1194, "y": 964, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3", "type": "style", "tag": "section", "text": "", "deltas": { "display": { "ours": "flex", "ref": "block" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "16px", "ref": "normal" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 58, "y": 990, "w": 648, "h": 610 }, "ref": { "x": 51, "y": 1081, "w": 575, "h": 610 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "11px" }, "fontWeight": { "ours": "400", "ref": "600" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1.32px" }, "alignItems": { "ours": "baseline", "ref": "center" }, "gap": { "ours": "16px", "ref": "normal" }, "padding": { "ours": "0px 0px 8px", "ref": "0px 0px 12px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "height": { "ours": "24px", "ref": "26px" }, "rect": { "ours": { "x": 58, "y": 990, "w": 648, "h": 24 }, "ref": { "x": 51, "y": 1081, "w": 575, "h": 26 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:1 > span:1", "type": "style", "tag": "span", "text": "COLOR", "deltas": { "fontSize": { "ours": "12px", "ref": "11px" }, "fontWeight": { "ours": "400", "ref": "600" }, "letterSpacing": { "ours": "1.68px", "ref": "1.32px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "44.4062px", "ref": "36.8438px" }, "height": { "ours": "15px", "ref": "13px" }, "rect": { "ours": { "x": 58, "y": 990, "w": 44, "h": 15 }, "ref": { "x": 51, "y": 1081, "w": 37, "h": 13 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:1 > i:2", "type": "style", "tag": "i", "text": "05 TOOLS", "deltas": { "letterSpacing": { "ours": "0.8px", "ref": "1.32px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "54.4062px", "ref": "54.5625px" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 652, "y": 992, "w": 54, "h": 13 }, "ref": { "x": 571, "y": 1081, "w": 55, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "gridTemplateColumns": { "ours": "648.406px", "ref": "574.812px" }, "padding": { "ours": "0px", "ref": "14px 0px 0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "height": { "ours": "570px", "ref": "584px" }, "rect": { "ours": { "x": 58, "y": 1030, "w": 648, "h": 570 }, "ref": { "x": 51, "y": 1107, "w": 575, "h": 584 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:1", "type": "style", "tag": "a", "text": "", "deltas": { "gridTemplateColumns": { "ours": "42px 488.406px 24px 18px", "ref": "42px 414.812px 24px 18px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 58, "y": 1030, "w": 648, "h": 106 }, "ref": { "x": 51, "y": 1121, "w": 575, "h": 106 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:1 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 75, "y": 1062, "w": 42, "h": 42 }, "ref": { "x": 68, "y": 1153, "w": 42, "h": 42 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:1 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 86, "y": 1073, "w": 19, "h": 19 }, "ref": { "x": 80, "y": 1164, "w": 19, "h": 19 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:1 > span:2", "type": "style", "tag": "span", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "2px", "ref": "8px" }, "gridTemplateColumns": { "ours": "none", "ref": "414.812px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "55px", "ref": "59px" }, "rect": { "ours": { "x": 131, "y": 1055, "w": 488, "h": 55 }, "ref": { "x": 124, "y": 1144, "w": 415, "h": 59 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:1 > span:2 > strong:1", "type": "style", "tag": "strong", "text": "Create gradient PNG", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "17px", "ref": "15px" }, "rect": { "ours": { "x": 131, "y": 1055, "w": 488, "h": 17 }, "ref": { "x": 124, "y": 1144, "w": 415, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:1 > span:2 > span:2", "type": "style", "tag": "span", "text": "Generate a smooth transition between two colors with direction controls.", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "rect": { "ours": { "x": 131, "y": 1074, "w": 488, "h": 36 }, "ref": { "x": 124, "y": 1167, "w": 415, "h": 36 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:1 > span:3", "type": "style", "tag": "span", "text": "01", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 633, "y": 1047, "w": 24, "h": 13 }, "ref": { "x": 553, "y": 1138, "w": 24, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:1 > svg:4", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "opacity": { "ours": "1", "ref": "0" }, "rect": { "ours": { "x": 671, "y": 1075, "w": 16, "h": 16 }, "ref": { "x": 591, "y": 1166, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:2", "type": "style", "tag": "a", "text": "", "deltas": { "gridTemplateColumns": { "ours": "42px 488.406px 24px 18px", "ref": "42px 414.812px 24px 18px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 58, "y": 1146, "w": 648, "h": 106 }, "ref": { "x": 51, "y": 1237, "w": 575, "h": 106 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:2 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 75, "y": 1178, "w": 42, "h": 42 }, "ref": { "x": 68, "y": 1269, "w": 42, "h": 42 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:2 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 86, "y": 1189, "w": 19, "h": 19 }, "ref": { "x": 80, "y": 1280, "w": 19, "h": 19 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:2 > span:2", "type": "style", "tag": "span", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "2px", "ref": "8px" }, "gridTemplateColumns": { "ours": "none", "ref": "414.812px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "37px", "ref": "41px" }, "rect": { "ours": { "x": 131, "y": 1180, "w": 488, "h": 37 }, "ref": { "x": 124, "y": 1269, "w": 415, "h": 41 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:2 > span:2 > strong:1", "type": "style", "tag": "strong", "text": "Grayscale PNG", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "17px", "ref": "15px" }, "rect": { "ours": { "x": 131, "y": 1180, "w": 488, "h": 17 }, "ref": { "x": 124, "y": 1269, "w": 415, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:2 > span:2 > span:2", "type": "style", "tag": "span", "text": "Convert the image to luminance-based shades of gray.", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "rect": { "ours": { "x": 131, "y": 1199, "w": 488, "h": 18 }, "ref": { "x": 124, "y": 1292, "w": 415, "h": 18 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:2 > span:3", "type": "style", "tag": "span", "text": "02", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 633, "y": 1163, "w": 24, "h": 13 }, "ref": { "x": 553, "y": 1254, "w": 24, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:2 > svg:4", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "opacity": { "ours": "1", "ref": "0" }, "rect": { "ours": { "x": 671, "y": 1191, "w": 16, "h": 16 }, "ref": { "x": 591, "y": 1282, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:3", "type": "style", "tag": "a", "text": "", "deltas": { "gridTemplateColumns": { "ours": "42px 488.406px 24px 18px", "ref": "42px 414.812px 24px 18px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 58, "y": 1262, "w": 648, "h": 106 }, "ref": { "x": 51, "y": 1353, "w": 575, "h": 106 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:3 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 75, "y": 1294, "w": 42, "h": 42 }, "ref": { "x": 68, "y": 1385, "w": 42, "h": 42 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:3 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 86, "y": 1305, "w": 19, "h": 19 }, "ref": { "x": 80, "y": 1396, "w": 19, "h": 19 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:3 > span:2", "type": "style", "tag": "span", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "2px", "ref": "8px" }, "gridTemplateColumns": { "ours": "none", "ref": "414.812px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "37px", "ref": "41px" }, "rect": { "ours": { "x": 131, "y": 1296, "w": 488, "h": 37 }, "ref": { "x": 124, "y": 1385, "w": 415, "h": 41 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:3 > span:2 > strong:1", "type": "style", "tag": "strong", "text": "Invert colors PNG", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "17px", "ref": "15px" }, "rect": { "ours": { "x": 131, "y": 1296, "w": 488, "h": 17 }, "ref": { "x": 124, "y": 1385, "w": 415, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:3 > span:2 > span:2", "type": "style", "tag": "span", "text": "Invert every color channel while leaving alpha untouched.", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "rect": { "ours": { "x": 131, "y": 1315, "w": 488, "h": 18 }, "ref": { "x": 124, "y": 1408, "w": 415, "h": 18 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:3 > span:3", "type": "style", "tag": "span", "text": "03", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 633, "y": 1279, "w": 24, "h": 13 }, "ref": { "x": 553, "y": 1370, "w": 24, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:3 > svg:4", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "opacity": { "ours": "1", "ref": "0" }, "rect": { "ours": { "x": 671, "y": 1307, "w": 16, "h": 16 }, "ref": { "x": 591, "y": 1398, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:4", "type": "style", "tag": "a", "text": "", "deltas": { "gridTemplateColumns": { "ours": "42px 488.406px 24px 18px", "ref": "42px 414.812px 24px 18px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 58, "y": 1378, "w": 648, "h": 106 }, "ref": { "x": 51, "y": 1469, "w": 575, "h": 106 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:4 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 75, "y": 1410, "w": 42, "h": 42 }, "ref": { "x": 68, "y": 1501, "w": 42, "h": 42 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:4 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 86, "y": 1421, "w": 19, "h": 19 }, "ref": { "x": 80, "y": 1512, "w": 19, "h": 19 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:4 > span:2", "type": "style", "tag": "span", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "2px", "ref": "8px" }, "gridTemplateColumns": { "ours": "none", "ref": "414.812px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "37px", "ref": "41px" }, "rect": { "ours": { "x": 131, "y": 1412, "w": 488, "h": 37 }, "ref": { "x": 124, "y": 1501, "w": 415, "h": 41 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:4 > span:2 > strong:1", "type": "style", "tag": "strong", "text": "Brightness & contrast", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "17px", "ref": "15px" }, "rect": { "ours": { "x": 131, "y": 1412, "w": 488, "h": 17 }, "ref": { "x": 124, "y": 1501, "w": 415, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:4 > span:2 > span:2", "type": "style", "tag": "span", "text": "Adjust brightness and contrast across a controlled range.", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "rect": { "ours": { "x": 131, "y": 1431, "w": 488, "h": 18 }, "ref": { "x": 124, "y": 1524, "w": 415, "h": 18 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:4 > span:3", "type": "style", "tag": "span", "text": "04", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 633, "y": 1395, "w": 24, "h": 13 }, "ref": { "x": 553, "y": 1486, "w": 24, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:4 > svg:4", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "opacity": { "ours": "1", "ref": "0" }, "rect": { "ours": { "x": 671, "y": 1423, "w": 16, "h": 16 }, "ref": { "x": 591, "y": 1514, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:5", "type": "style", "tag": "a", "text": "", "deltas": { "gridTemplateColumns": { "ours": "42px 488.406px 24px 18px", "ref": "42px 414.812px 24px 18px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 58, "y": 1494, "w": 648, "h": 106 }, "ref": { "x": 51, "y": 1585, "w": 575, "h": 106 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:5 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 75, "y": 1526, "w": 42, "h": 42 }, "ref": { "x": 68, "y": 1617, "w": 42, "h": 42 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:5 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 86, "y": 1537, "w": 19, "h": 19 }, "ref": { "x": 80, "y": 1628, "w": 19, "h": 19 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:5 > span:2", "type": "style", "tag": "span", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "2px", "ref": "8px" }, "gridTemplateColumns": { "ours": "none", "ref": "414.812px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "37px", "ref": "41px" }, "rect": { "ours": { "x": 131, "y": 1528, "w": 488, "h": 37 }, "ref": { "x": 124, "y": 1617, "w": 415, "h": 41 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:5 > span:2 > strong:1", "type": "style", "tag": "strong", "text": "Temperature PNG", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "17px", "ref": "15px" }, "rect": { "ours": { "x": 131, "y": 1528, "w": 488, "h": 17 }, "ref": { "x": 124, "y": 1617, "w": 415, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:5 > span:2 > span:2", "type": "style", "tag": "span", "text": "Make an image warmer or cooler with a single precise control.", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "rect": { "ours": { "x": 131, "y": 1547, "w": 488, "h": 18 }, "ref": { "x": 124, "y": 1640, "w": 415, "h": 18 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:5 > span:3", "type": "style", "tag": "span", "text": "05", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 633, "y": 1511, "w": 24, "h": 13 }, "ref": { "x": 553, "y": 1602, "w": 24, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:3 > div:2 > a:5 > svg:4", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "opacity": { "ours": "1", "ref": "0" }, "rect": { "ours": { "x": 671, "y": 1539, "w": 16, "h": 16 }, "ref": { "x": 591, "y": 1630, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4", "type": "style", "tag": "section", "text": "", "deltas": { "display": { "ours": "flex", "ref": "block" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "16px", "ref": "normal" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 734, "y": 990, "w": 648, "h": 610 }, "ref": { "x": 654, "y": 1081, "w": 575, "h": 610 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "11px" }, "fontWeight": { "ours": "400", "ref": "600" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1.32px" }, "alignItems": { "ours": "baseline", "ref": "center" }, "gap": { "ours": "16px", "ref": "normal" }, "padding": { "ours": "0px 0px 8px", "ref": "0px 0px 12px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "height": { "ours": "24px", "ref": "26px" }, "rect": { "ours": { "x": 734, "y": 990, "w": 648, "h": 24 }, "ref": { "x": 654, "y": 1081, "w": 575, "h": 26 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:1 > span:1", "type": "style", "tag": "span", "text": "GEOMETRY", "deltas": { "fontSize": { "ours": "12px", "ref": "11px" }, "fontWeight": { "ours": "400", "ref": "600" }, "letterSpacing": { "ours": "1.68px", "ref": "1.32px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "71.0469px", "ref": "58.9531px" }, "height": { "ours": "15px", "ref": "13px" }, "rect": { "ours": { "x": 734, "y": 990, "w": 71, "h": 15 }, "ref": { "x": 654, "y": 1081, "w": 59, "h": 13 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:1 > i:2", "type": "style", "tag": "i", "text": "05 TOOLS", "deltas": { "letterSpacing": { "ours": "0.8px", "ref": "1.32px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "54.4062px", "ref": "54.5625px" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 1328, "y": 992, "w": 54, "h": 13 }, "ref": { "x": 1174, "y": 1081, "w": 55, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "gridTemplateColumns": { "ours": "648.406px", "ref": "574.812px" }, "padding": { "ours": "0px", "ref": "14px 0px 0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "height": { "ours": "570px", "ref": "584px" }, "rect": { "ours": { "x": 734, "y": 1030, "w": 648, "h": 570 }, "ref": { "x": 654, "y": 1107, "w": 575, "h": 584 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:1", "type": "style", "tag": "a", "text": "", "deltas": { "gridTemplateColumns": { "ours": "42px 488.406px 24px 18px", "ref": "42px 414.812px 24px 18px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 734, "y": 1030, "w": 648, "h": 106 }, "ref": { "x": 654, "y": 1121, "w": 575, "h": 106 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:1 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 751, "y": 1062, "w": 42, "h": 42 }, "ref": { "x": 671, "y": 1153, "w": 42, "h": 42 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:1 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 763, "y": 1073, "w": 19, "h": 19 }, "ref": { "x": 683, "y": 1164, "w": 19, "h": 19 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:1 > span:2", "type": "style", "tag": "span", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "2px", "ref": "8px" }, "gridTemplateColumns": { "ours": "none", "ref": "414.812px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "55px", "ref": "59px" }, "rect": { "ours": { "x": 807, "y": 1055, "w": 488, "h": 55 }, "ref": { "x": 727, "y": 1144, "w": 415, "h": 59 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:1 > span:2 > strong:1", "type": "style", "tag": "strong", "text": "Resize PNG", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "17px", "ref": "15px" }, "rect": { "ours": { "x": 807, "y": 1055, "w": 488, "h": 17 }, "ref": { "x": 727, "y": 1144, "w": 415, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:1 > span:2 > span:2", "type": "style", "tag": "span", "text": "Scale an image with bilinear interpolation and optional aspect lock.", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "rect": { "ours": { "x": 807, "y": 1074, "w": 488, "h": 36 }, "ref": { "x": 727, "y": 1167, "w": 415, "h": 36 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:1 > span:3", "type": "style", "tag": "span", "text": "01", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 1309, "y": 1047, "w": 24, "h": 13 }, "ref": { "x": 1156, "y": 1138, "w": 24, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:1 > svg:4", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "opacity": { "ours": "1", "ref": "0" }, "rect": { "ours": { "x": 1347, "y": 1075, "w": 16, "h": 16 }, "ref": { "x": 1194, "y": 1166, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:2", "type": "style", "tag": "a", "text": "", "deltas": { "gridTemplateColumns": { "ours": "42px 488.406px 24px 18px", "ref": "42px 414.812px 24px 18px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 734, "y": 1146, "w": 648, "h": 106 }, "ref": { "x": 654, "y": 1237, "w": 575, "h": 106 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:2 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 751, "y": 1178, "w": 42, "h": 42 }, "ref": { "x": 671, "y": 1269, "w": 42, "h": 42 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:2 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 763, "y": 1189, "w": 19, "h": 19 }, "ref": { "x": 683, "y": 1280, "w": 19, "h": 19 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:2 > span:2", "type": "style", "tag": "span", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "2px", "ref": "8px" }, "gridTemplateColumns": { "ours": "none", "ref": "414.812px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "37px", "ref": "41px" }, "rect": { "ours": { "x": 807, "y": 1180, "w": 488, "h": 37 }, "ref": { "x": 727, "y": 1269, "w": 415, "h": 41 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:2 > span:2 > strong:1", "type": "style", "tag": "strong", "text": "Crop PNG", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "17px", "ref": "15px" }, "rect": { "ours": { "x": 807, "y": 1180, "w": 488, "h": 17 }, "ref": { "x": 727, "y": 1269, "w": 415, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:2 > span:2 > span:2", "type": "style", "tag": "span", "text": "Cut a rectangular area with exact coordinates and dimensions.", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "rect": { "ours": { "x": 807, "y": 1199, "w": 488, "h": 18 }, "ref": { "x": 727, "y": 1292, "w": 415, "h": 18 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:2 > span:3", "type": "style", "tag": "span", "text": "02", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 1309, "y": 1163, "w": 24, "h": 13 }, "ref": { "x": 1156, "y": 1254, "w": 24, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:2 > svg:4", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "opacity": { "ours": "1", "ref": "0" }, "rect": { "ours": { "x": 1347, "y": 1191, "w": 16, "h": 16 }, "ref": { "x": 1194, "y": 1282, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:3", "type": "style", "tag": "a", "text": "", "deltas": { "gridTemplateColumns": { "ours": "42px 488.406px 24px 18px", "ref": "42px 414.812px 24px 18px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 734, "y": 1262, "w": 648, "h": 106 }, "ref": { "x": 654, "y": 1353, "w": 575, "h": 106 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:3 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 751, "y": 1294, "w": 42, "h": 42 }, "ref": { "x": 671, "y": 1385, "w": 42, "h": 42 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:3 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 763, "y": 1305, "w": 19, "h": 19 }, "ref": { "x": 683, "y": 1396, "w": 19, "h": 19 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:3 > span:2", "type": "style", "tag": "span", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "2px", "ref": "8px" }, "gridTemplateColumns": { "ours": "none", "ref": "414.812px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "37px", "ref": "41px" }, "rect": { "ours": { "x": 807, "y": 1296, "w": 488, "h": 37 }, "ref": { "x": 727, "y": 1385, "w": 415, "h": 41 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:3 > span:2 > strong:1", "type": "style", "tag": "strong", "text": "Rotate PNG", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "17px", "ref": "15px" }, "rect": { "ours": { "x": 807, "y": 1296, "w": 488, "h": 17 }, "ref": { "x": 727, "y": 1385, "w": 415, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:3 > span:2 > span:2", "type": "style", "tag": "span", "text": "Rotate by 90, 180, or 270 degrees without quality loss.", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "rect": { "ours": { "x": 807, "y": 1315, "w": 488, "h": 18 }, "ref": { "x": 727, "y": 1408, "w": 415, "h": 18 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:3 > span:3", "type": "style", "tag": "span", "text": "03", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 1309, "y": 1279, "w": 24, "h": 13 }, "ref": { "x": 1156, "y": 1370, "w": 24, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:3 > svg:4", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "opacity": { "ours": "1", "ref": "0" }, "rect": { "ours": { "x": 1347, "y": 1307, "w": 16, "h": 16 }, "ref": { "x": 1194, "y": 1398, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:4", "type": "style", "tag": "a", "text": "", "deltas": { "gridTemplateColumns": { "ours": "42px 488.406px 24px 18px", "ref": "42px 414.812px 24px 18px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 734, "y": 1378, "w": 648, "h": 106 }, "ref": { "x": 654, "y": 1469, "w": 575, "h": 106 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:4 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 751, "y": 1410, "w": 42, "h": 42 }, "ref": { "x": 671, "y": 1501, "w": 42, "h": 42 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:4 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 763, "y": 1421, "w": 19, "h": 19 }, "ref": { "x": 683, "y": 1512, "w": 19, "h": 19 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:4 > span:2", "type": "style", "tag": "span", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "2px", "ref": "8px" }, "gridTemplateColumns": { "ours": "none", "ref": "414.812px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "37px", "ref": "41px" }, "rect": { "ours": { "x": 807, "y": 1412, "w": 488, "h": 37 }, "ref": { "x": 727, "y": 1501, "w": 415, "h": 41 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:4 > span:2 > strong:1", "type": "style", "tag": "strong", "text": "Flip PNG", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "17px", "ref": "15px" }, "rect": { "ours": { "x": 807, "y": 1412, "w": 488, "h": 17 }, "ref": { "x": 727, "y": 1501, "w": 415, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:4 > span:2 > span:2", "type": "style", "tag": "span", "text": "Mirror the image horizontally or vertically.", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "rect": { "ours": { "x": 807, "y": 1431, "w": 488, "h": 18 }, "ref": { "x": 727, "y": 1524, "w": 415, "h": 18 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:4 > span:3", "type": "style", "tag": "span", "text": "04", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 1309, "y": 1395, "w": 24, "h": 13 }, "ref": { "x": 1156, "y": 1486, "w": 24, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:4 > svg:4", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "opacity": { "ours": "1", "ref": "0" }, "rect": { "ours": { "x": 1347, "y": 1423, "w": 16, "h": 16 }, "ref": { "x": 1194, "y": 1514, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:5", "type": "style", "tag": "a", "text": "", "deltas": { "gridTemplateColumns": { "ours": "42px 488.406px 24px 18px", "ref": "42px 414.812px 24px 18px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 734, "y": 1494, "w": 648, "h": 106 }, "ref": { "x": 654, "y": 1585, "w": 575, "h": 106 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:5 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 751, "y": 1526, "w": 42, "h": 42 }, "ref": { "x": 671, "y": 1617, "w": 42, "h": 42 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:5 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 763, "y": 1537, "w": 19, "h": 19 }, "ref": { "x": 683, "y": 1628, "w": 19, "h": 19 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:5 > span:2", "type": "style", "tag": "span", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "2px", "ref": "8px" }, "gridTemplateColumns": { "ours": "none", "ref": "414.812px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "37px", "ref": "41px" }, "rect": { "ours": { "x": 807, "y": 1528, "w": 488, "h": 37 }, "ref": { "x": 727, "y": 1617, "w": 415, "h": 41 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:5 > span:2 > strong:1", "type": "style", "tag": "strong", "text": "Add padding to PNG", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "17px", "ref": "15px" }, "rect": { "ours": { "x": 807, "y": 1528, "w": 488, "h": 17 }, "ref": { "x": 727, "y": 1617, "w": 415, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:5 > span:2 > span:2", "type": "style", "tag": "span", "text": "Expand the canvas on all sides by a chosen number of pixels.", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "rect": { "ours": { "x": 807, "y": 1547, "w": 488, "h": 18 }, "ref": { "x": 727, "y": 1640, "w": 415, "h": 18 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:5 > span:3", "type": "style", "tag": "span", "text": "05", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 1309, "y": 1511, "w": 24, "h": 13 }, "ref": { "x": 1156, "y": 1602, "w": 24, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:4 > div:2 > a:5 > svg:4", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "opacity": { "ours": "1", "ref": "0" }, "rect": { "ours": { "x": 1347, "y": 1539, "w": 16, "h": 16 }, "ref": { "x": 1194, "y": 1630, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5", "type": "style", "tag": "section", "text": "", "deltas": { "display": { "ours": "flex", "ref": "block" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "16px", "ref": "normal" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 58, "y": 1656, "w": 648, "h": 494 }, "ref": { "x": 51, "y": 1747, "w": 575, "h": 494 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "11px" }, "fontWeight": { "ours": "400", "ref": "600" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1.32px" }, "alignItems": { "ours": "baseline", "ref": "center" }, "gap": { "ours": "16px", "ref": "normal" }, "padding": { "ours": "0px 0px 8px", "ref": "0px 0px 12px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "height": { "ours": "24px", "ref": "26px" }, "rect": { "ours": { "x": 58, "y": 1656, "w": 648, "h": 24 }, "ref": { "x": 51, "y": 1747, "w": 575, "h": 26 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:1 > span:1", "type": "style", "tag": "span", "text": "FILTERS", "deltas": { "fontSize": { "ours": "12px", "ref": "11px" }, "fontWeight": { "ours": "400", "ref": "600" }, "letterSpacing": { "ours": "1.68px", "ref": "1.32px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "62.1719px", "ref": "51.5781px" }, "height": { "ours": "15px", "ref": "13px" }, "rect": { "ours": { "x": 58, "y": 1656, "w": 62, "h": 15 }, "ref": { "x": 51, "y": 1747, "w": 52, "h": 13 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:1 > i:2", "type": "style", "tag": "i", "text": "04 TOOLS", "deltas": { "letterSpacing": { "ours": "0.8px", "ref": "1.32px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "54.4062px", "ref": "54.5625px" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 652, "y": 1658, "w": 54, "h": 13 }, "ref": { "x": 571, "y": 1747, "w": 55, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "gridTemplateColumns": { "ours": "648.406px", "ref": "574.812px" }, "padding": { "ours": "0px", "ref": "14px 0px 0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "height": { "ours": "454px", "ref": "468px" }, "rect": { "ours": { "x": 58, "y": 1696, "w": 648, "h": 454 }, "ref": { "x": 51, "y": 1773, "w": 575, "h": 468 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:1", "type": "style", "tag": "a", "text": "", "deltas": { "gridTemplateColumns": { "ours": "42px 488.406px 24px 18px", "ref": "42px 414.812px 24px 18px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 58, "y": 1696, "w": 648, "h": 106 }, "ref": { "x": 51, "y": 1787, "w": 575, "h": 106 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:1 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 75, "y": 1728, "w": 42, "h": 42 }, "ref": { "x": 68, "y": 1819, "w": 42, "h": 42 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:1 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 86, "y": 1739, "w": 19, "h": 19 }, "ref": { "x": 80, "y": 1830, "w": 19, "h": 19 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:1 > span:2", "type": "style", "tag": "span", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "2px", "ref": "8px" }, "gridTemplateColumns": { "ours": "none", "ref": "414.812px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "37px", "ref": "59px" }, "rect": { "ours": { "x": 131, "y": 1730, "w": 488, "h": 37 }, "ref": { "x": 124, "y": 1810, "w": 415, "h": 59 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:1 > span:2 > strong:1", "type": "style", "tag": "strong", "text": "Blur PNG", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "17px", "ref": "15px" }, "rect": { "ours": { "x": 131, "y": 1730, "w": 488, "h": 17 }, "ref": { "x": 124, "y": 1810, "w": 415, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:1 > span:2 > span:2", "type": "style", "tag": "span", "text": "Apply a fast Gaussian-style blur with transparent edge handling.", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "18px", "ref": "36px" }, "rect": { "ours": { "x": 131, "y": 1749, "w": 488, "h": 18 }, "ref": { "x": 124, "y": 1833, "w": 415, "h": 36 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:1 > span:3", "type": "style", "tag": "span", "text": "01", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 633, "y": 1713, "w": 24, "h": 13 }, "ref": { "x": 553, "y": 1804, "w": 24, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:1 > svg:4", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "opacity": { "ours": "1", "ref": "0" }, "rect": { "ours": { "x": 671, "y": 1741, "w": 16, "h": 16 }, "ref": { "x": 591, "y": 1832, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:2", "type": "style", "tag": "a", "text": "", "deltas": { "gridTemplateColumns": { "ours": "42px 488.406px 24px 18px", "ref": "42px 414.812px 24px 18px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 58, "y": 1812, "w": 648, "h": 106 }, "ref": { "x": 51, "y": 1903, "w": 575, "h": 106 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:2 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 75, "y": 1844, "w": 42, "h": 42 }, "ref": { "x": 68, "y": 1935, "w": 42, "h": 42 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:2 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 86, "y": 1855, "w": 19, "h": 19 }, "ref": { "x": 80, "y": 1946, "w": 19, "h": 19 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:2 > span:2", "type": "style", "tag": "span", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "2px", "ref": "8px" }, "gridTemplateColumns": { "ours": "none", "ref": "414.812px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "37px", "ref": "41px" }, "rect": { "ours": { "x": 131, "y": 1846, "w": 488, "h": 37 }, "ref": { "x": 124, "y": 1935, "w": 415, "h": 41 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:2 > span:2 > strong:1", "type": "style", "tag": "strong", "text": "Sharpen PNG", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "17px", "ref": "15px" }, "rect": { "ours": { "x": 131, "y": 1846, "w": 488, "h": 17 }, "ref": { "x": 124, "y": 1935, "w": 415, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:2 > span:2 > span:2", "type": "style", "tag": "span", "text": "Emphasize edges with an adjustable sharpening kernel.", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "rect": { "ours": { "x": 131, "y": 1865, "w": 488, "h": 18 }, "ref": { "x": 124, "y": 1958, "w": 415, "h": 18 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:2 > span:3", "type": "style", "tag": "span", "text": "02", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 633, "y": 1829, "w": 24, "h": 13 }, "ref": { "x": 553, "y": 1920, "w": 24, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:2 > svg:4", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "opacity": { "ours": "1", "ref": "0" }, "rect": { "ours": { "x": 671, "y": 1857, "w": 16, "h": 16 }, "ref": { "x": 591, "y": 1948, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:3", "type": "style", "tag": "a", "text": "", "deltas": { "gridTemplateColumns": { "ours": "42px 488.406px 24px 18px", "ref": "42px 414.812px 24px 18px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 58, "y": 1928, "w": 648, "h": 106 }, "ref": { "x": 51, "y": 2019, "w": 575, "h": 106 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:3 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 75, "y": 1960, "w": 42, "h": 42 }, "ref": { "x": 68, "y": 2051, "w": 42, "h": 42 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:3 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 86, "y": 1971, "w": 19, "h": 19 }, "ref": { "x": 80, "y": 2062, "w": 19, "h": 19 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:3 > span:2", "type": "style", "tag": "span", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "2px", "ref": "8px" }, "gridTemplateColumns": { "ours": "none", "ref": "414.812px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "37px", "ref": "41px" }, "rect": { "ours": { "x": 131, "y": 1962, "w": 488, "h": 37 }, "ref": { "x": 124, "y": 2051, "w": 415, "h": 41 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:3 > span:2 > strong:1", "type": "style", "tag": "strong", "text": "Vignette PNG", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "17px", "ref": "15px" }, "rect": { "ours": { "x": 131, "y": 1962, "w": 488, "h": 17 }, "ref": { "x": 124, "y": 2051, "w": 415, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:3 > span:2 > span:2", "type": "style", "tag": "span", "text": "Smoothly darken the image edges while preserving the center.", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "rect": { "ours": { "x": 131, "y": 1981, "w": 488, "h": 18 }, "ref": { "x": 124, "y": 2074, "w": 415, "h": 18 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:3 > span:3", "type": "style", "tag": "span", "text": "03", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 633, "y": 1945, "w": 24, "h": 13 }, "ref": { "x": 553, "y": 2036, "w": 24, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:3 > svg:4", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "opacity": { "ours": "1", "ref": "0" }, "rect": { "ours": { "x": 671, "y": 1973, "w": 16, "h": 16 }, "ref": { "x": 591, "y": 2064, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:4", "type": "style", "tag": "a", "text": "", "deltas": { "gridTemplateColumns": { "ours": "42px 488.406px 24px 18px", "ref": "42px 414.812px 24px 18px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 58, "y": 2044, "w": 648, "h": 106 }, "ref": { "x": 51, "y": 2135, "w": 575, "h": 106 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:4 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 75, "y": 2076, "w": 42, "h": 42 }, "ref": { "x": 68, "y": 2167, "w": 42, "h": 42 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:4 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 86, "y": 2087, "w": 19, "h": 19 }, "ref": { "x": 80, "y": 2178, "w": 19, "h": 19 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:4 > span:2", "type": "style", "tag": "span", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "2px", "ref": "8px" }, "gridTemplateColumns": { "ours": "none", "ref": "414.812px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "37px", "ref": "41px" }, "rect": { "ours": { "x": 131, "y": 2078, "w": 488, "h": 37 }, "ref": { "x": 124, "y": 2167, "w": 415, "h": 41 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:4 > span:2 > strong:1", "type": "style", "tag": "strong", "text": "JPEG artifacts", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "17px", "ref": "15px" }, "rect": { "ours": { "x": 131, "y": 2078, "w": 488, "h": 17 }, "ref": { "x": 124, "y": 2167, "w": 415, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:4 > span:2 > span:2", "type": "style", "tag": "span", "text": "Simulate low-quality JPEG recompression for testing.", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "rect": { "ours": { "x": 131, "y": 2097, "w": 488, "h": 18 }, "ref": { "x": 124, "y": 2190, "w": 415, "h": 18 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:4 > span:3", "type": "style", "tag": "span", "text": "04", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 633, "y": 2061, "w": 24, "h": 13 }, "ref": { "x": 553, "y": 2152, "w": 24, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:5 > div:2 > a:4 > svg:4", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "opacity": { "ours": "1", "ref": "0" }, "rect": { "ours": { "x": 671, "y": 2089, "w": 16, "h": 16 }, "ref": { "x": 591, "y": 2180, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6", "type": "style", "tag": "section", "text": "", "deltas": { "display": { "ours": "flex", "ref": "block" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "16px", "ref": "normal" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 734, "y": 1656, "w": 648, "h": 494 }, "ref": { "x": 654, "y": 1747, "w": 575, "h": 494 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "11px" }, "fontWeight": { "ours": "400", "ref": "600" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1.32px" }, "alignItems": { "ours": "baseline", "ref": "center" }, "gap": { "ours": "16px", "ref": "normal" }, "padding": { "ours": "0px 0px 8px", "ref": "0px 0px 12px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "height": { "ours": "24px", "ref": "26px" }, "rect": { "ours": { "x": 734, "y": 1656, "w": 648, "h": 24 }, "ref": { "x": 654, "y": 1747, "w": 575, "h": 26 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:1 > span:1", "type": "style", "tag": "span", "text": "ANALYZE", "deltas": { "fontSize": { "ours": "12px", "ref": "11px" }, "fontWeight": { "ours": "400", "ref": "600" }, "letterSpacing": { "ours": "1.68px", "ref": "1.32px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "62.1719px", "ref": "51.5781px" }, "height": { "ours": "15px", "ref": "13px" }, "rect": { "ours": { "x": 734, "y": 1656, "w": 62, "h": 15 }, "ref": { "x": 654, "y": 1747, "w": 52, "h": 13 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:1 > i:2", "type": "style", "tag": "i", "text": "04 TOOLS", "deltas": { "letterSpacing": { "ours": "0.8px", "ref": "1.32px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "54.4062px", "ref": "54.5625px" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 1328, "y": 1658, "w": 54, "h": 13 }, "ref": { "x": 1174, "y": 1747, "w": 55, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "gridTemplateColumns": { "ours": "648.406px", "ref": "574.812px" }, "padding": { "ours": "0px", "ref": "14px 0px 0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "height": { "ours": "454px", "ref": "468px" }, "rect": { "ours": { "x": 734, "y": 1696, "w": 648, "h": 454 }, "ref": { "x": 654, "y": 1773, "w": 575, "h": 468 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:1", "type": "style", "tag": "a", "text": "", "deltas": { "gridTemplateColumns": { "ours": "42px 488.406px 24px 18px", "ref": "42px 414.812px 24px 18px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 734, "y": 1696, "w": 648, "h": 106 }, "ref": { "x": 654, "y": 1787, "w": 575, "h": 106 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:1 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 751, "y": 1728, "w": 42, "h": 42 }, "ref": { "x": 671, "y": 1819, "w": 42, "h": 42 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:1 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 763, "y": 1739, "w": 19, "h": 19 }, "ref": { "x": 683, "y": 1830, "w": 19, "h": 19 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:1 > span:2", "type": "style", "tag": "span", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "2px", "ref": "8px" }, "gridTemplateColumns": { "ours": "none", "ref": "414.812px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "37px", "ref": "41px" }, "rect": { "ours": { "x": 807, "y": 1730, "w": 488, "h": 37 }, "ref": { "x": 727, "y": 1819, "w": 415, "h": 41 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:1 > span:2 > strong:1", "type": "style", "tag": "strong", "text": "PNG info", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "17px", "ref": "15px" }, "rect": { "ours": { "x": 807, "y": 1730, "w": 488, "h": 17 }, "ref": { "x": 727, "y": 1819, "w": 415, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:1 > span:2 > span:2", "type": "style", "tag": "span", "text": "Inspect dimensions, alpha presence, and unique color count.", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "rect": { "ours": { "x": 807, "y": 1749, "w": 488, "h": 18 }, "ref": { "x": 727, "y": 1842, "w": 415, "h": 18 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:1 > span:3", "type": "style", "tag": "span", "text": "01", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 1309, "y": 1713, "w": 24, "h": 13 }, "ref": { "x": 1156, "y": 1804, "w": 24, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:1 > svg:4", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "opacity": { "ours": "1", "ref": "0" }, "rect": { "ours": { "x": 1347, "y": 1741, "w": 16, "h": 16 }, "ref": { "x": 1194, "y": 1832, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:2", "type": "style", "tag": "a", "text": "", "deltas": { "gridTemplateColumns": { "ours": "42px 488.406px 24px 18px", "ref": "42px 414.812px 24px 18px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 734, "y": 1812, "w": 648, "h": 106 }, "ref": { "x": 654, "y": 1903, "w": 575, "h": 106 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:2 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 751, "y": 1844, "w": 42, "h": 42 }, "ref": { "x": 671, "y": 1935, "w": 42, "h": 42 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:2 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 763, "y": 1855, "w": 19, "h": 19 }, "ref": { "x": 683, "y": 1946, "w": 19, "h": 19 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:2 > span:2", "type": "style", "tag": "span", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "2px", "ref": "8px" }, "gridTemplateColumns": { "ours": "none", "ref": "414.812px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "37px", "ref": "41px" }, "rect": { "ours": { "x": 807, "y": 1846, "w": 488, "h": 37 }, "ref": { "x": 727, "y": 1935, "w": 415, "h": 41 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:2 > span:2 > strong:1", "type": "style", "tag": "strong", "text": "Check grayscale", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "17px", "ref": "15px" }, "rect": { "ours": { "x": 807, "y": 1846, "w": 488, "h": 17 }, "ref": { "x": 727, "y": 1935, "w": 415, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:2 > span:2 > span:2", "type": "style", "tag": "span", "text": "Report whether the image contains only shades of gray.", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "rect": { "ours": { "x": 807, "y": 1865, "w": 488, "h": 18 }, "ref": { "x": 727, "y": 1958, "w": 415, "h": 18 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:2 > span:3", "type": "style", "tag": "span", "text": "02", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 1309, "y": 1829, "w": 24, "h": 13 }, "ref": { "x": 1156, "y": 1920, "w": 24, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:2 > svg:4", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "opacity": { "ours": "1", "ref": "0" }, "rect": { "ours": { "x": 1347, "y": 1857, "w": 16, "h": 16 }, "ref": { "x": 1194, "y": 1948, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:3", "type": "style", "tag": "a", "text": "", "deltas": { "gridTemplateColumns": { "ours": "42px 488.406px 24px 18px", "ref": "42px 414.812px 24px 18px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 734, "y": 1928, "w": 648, "h": 106 }, "ref": { "x": 654, "y": 2019, "w": 575, "h": 106 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:3 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 751, "y": 1960, "w": 42, "h": 42 }, "ref": { "x": 671, "y": 2051, "w": 42, "h": 42 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:3 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 763, "y": 1971, "w": 19, "h": 19 }, "ref": { "x": 683, "y": 2062, "w": 19, "h": 19 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:3 > span:2", "type": "style", "tag": "span", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "2px", "ref": "8px" }, "gridTemplateColumns": { "ours": "none", "ref": "414.812px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "37px", "ref": "41px" }, "rect": { "ours": { "x": 807, "y": 1962, "w": 488, "h": 37 }, "ref": { "x": 727, "y": 2051, "w": 415, "h": 41 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:3 > span:2 > strong:1", "type": "style", "tag": "strong", "text": "Check transparency", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "17px", "ref": "15px" }, "rect": { "ours": { "x": 807, "y": 1962, "w": 488, "h": 17 }, "ref": { "x": 727, "y": 2051, "w": 415, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:3 > span:2 > span:2", "type": "style", "tag": "span", "text": "Detect transparent and semi-transparent pixels.", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "rect": { "ours": { "x": 807, "y": 1981, "w": 488, "h": 18 }, "ref": { "x": 727, "y": 2074, "w": 415, "h": 18 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:3 > span:3", "type": "style", "tag": "span", "text": "03", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 1309, "y": 1945, "w": 24, "h": 13 }, "ref": { "x": 1156, "y": 2036, "w": 24, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:3 > svg:4", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "opacity": { "ours": "1", "ref": "0" }, "rect": { "ours": { "x": 1347, "y": 1973, "w": 16, "h": 16 }, "ref": { "x": 1194, "y": 2064, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:4", "type": "style", "tag": "a", "text": "", "deltas": { "gridTemplateColumns": { "ours": "42px 488.406px 24px 18px", "ref": "42px 414.812px 24px 18px" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "648.406px", "ref": "574.812px" }, "rect": { "ours": { "x": 734, "y": 2044, "w": 648, "h": 106 }, "ref": { "x": 654, "y": 2135, "w": 575, "h": 106 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:4 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "borderRadius": { "ours": "4px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 751, "y": 2076, "w": 42, "h": 42 }, "ref": { "x": 671, "y": 2167, "w": 42, "h": 42 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:4 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 763, "y": 2087, "w": 19, "h": 19 }, "ref": { "x": 683, "y": 2178, "w": 19, "h": 19 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:4 > span:2", "type": "style", "tag": "span", "text": "", "deltas": { "display": { "ours": "flex", "ref": "grid" }, "flexDirection": { "ours": "column", "ref": "row" }, "gap": { "ours": "2px", "ref": "8px" }, "gridTemplateColumns": { "ours": "none", "ref": "414.812px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "37px", "ref": "41px" }, "rect": { "ours": { "x": 807, "y": 2078, "w": 488, "h": 37 }, "ref": { "x": 727, "y": 2167, "w": 415, "h": 41 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:4 > span:2 > strong:1", "type": "style", "tag": "strong", "text": "PNG orientation", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "height": { "ours": "17px", "ref": "15px" }, "rect": { "ours": { "x": 807, "y": 2078, "w": 488, "h": 17 }, "ref": { "x": 727, "y": 2167, "w": 415, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:4 > span:2 > span:2", "type": "style", "tag": "span", "text": "Classify the image as portrait, landscape, or square.", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "488.406px", "ref": "414.812px" }, "rect": { "ours": { "x": 807, "y": 2097, "w": 488, "h": 18 }, "ref": { "x": 727, "y": 2190, "w": 415, "h": 18 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:4 > span:3", "type": "style", "tag": "span", "text": "04", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 1309, "y": 2061, "w": 24, "h": 13 }, "ref": { "x": 1156, "y": 2152, "w": 24, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:6 > div:2 > a:4 > svg:4", "type": "style", "tag": "svg", "text": "", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "opacity": { "ours": "1", "ref": "0" }, "rect": { "ours": { "x": 1347, "y": 2089, "w": 16, "h": 16 }, "ref": { "x": 1194, "y": 2180, "w": 16, "h": 16 } } } }, { "path": "body > main:1 > div:2 > footer:4", "type": "style", "tag": "footer", "text": "ALL OPERATIONS RUN LOCALLY YOUR FILES NEVER LEAVE THIS DEVICE", "deltas": { "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "display": { "ours": "flex", "ref": "block" }, "gap": { "ours": "24px", "ref": "normal" }, "padding": { "ours": "24px 0px 0px", "ref": "20px 0px 0px" }, "margin": { "ours": "56px 0px 0px", "ref": "64px 0px 0px" }, "width": { "ours": "1324.81px", "ref": "1177.62px" }, "height": { "ours": "38px", "ref": "33px" }, "rect": { "ours": { "x": 58, "y": 2206, "w": 1325, "h": 38 }, "ref": { "x": 51, "y": 2305, "w": 1178, "h": 33 } } } }, { "path": "body > main:1 > div:2 > footer:4 > span:1", "type": "style", "tag": "span", "text": "•", "deltas": { "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "color": { "ours": "rgb(109, 120, 131)", "ref": "rgb(23, 105, 210)" }, "display": { "ours": "block", "ref": "inline" }, "margin": { "ours": "0px", "ref": "0px 8px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "6.8125px", "ref": "auto" }, "height": { "ours": "13px", "ref": "auto" }, "rect": { "ours": { "x": 258, "y": 2231, "w": 7, "h": 13 }, "ref": { "x": 208, "y": 2326, "w": 11, "h": 12 } } } } ], "tokenDiffs": { "light": [ { "key": "--danger", "ours": "#e5484d", "ref": "—" }, { "key": "--success", "ours": "#25a96a", "ref": "—" }, { "key": "--text-sm--line-height", "ours": "—", "ref": "calc(1.25 / .875)" }, { "key": "--text-xs--line-height", "ours": "—", "ref": "calc(1 / .75)" }, { "key": "--font-weight-medium", "ours": "—", "ref": "500" }, { "key": "--spacing", "ours": "—", "ref": ".25rem" }, { "key": "--text-xs", "ours": "—", "ref": ".75rem" }, { "key": "--radius-md", "ours": "—", "ref": ".375rem" }, { "key": "--radius-lg", "ours": "—", "ref": ".5rem" }, { "key": "--text-sm", "ours": "—", "ref": ".875rem" } ], "dark": [ { "key": "--panel", "ours": "#182129", "ref": "#f8fafb" }, { "key": "--blue", "ours": "#54a2ff", "ref": "#1769d2" }, { "key": "--muted", "ours": "#91a0ac", "ref": "#6d7883" }, { "key": "--background", "ours": "#11171d", "ref": "#eef1f4" }, { "key": "--danger", "ours": "#ff7479", "ref": "—" }, { "key": "--foreground", "ours": "#e8eef2", "ref": "#17212b" }, { "key": "--success", "ours": "#25a96a", "ref": "—" }, { "key": "--line", "ours": "#33414c", "ref": "#cbd3da" }, { "key": "--text-sm--line-height", "ours": "—", "ref": "calc(1.25 / .875)" }, { "key": "--text-xs--line-height", "ours": "—", "ref": "calc(1 / .75)" }, { "key": "--font-weight-medium", "ours": "—", "ref": "500" }, { "key": "--spacing", "ours": "—", "ref": ".25rem" }, { "key": "--text-xs", "ours": "—", "ref": ".75rem" }, { "key": "--radius-md", "ours": "—", "ref": ".375rem" }, { "key": "--radius-lg", "ours": "—", "ref": ".5rem" }, { "key": "--text-sm", "ours": "—", "ref": ".875rem" } ] }, "counts": { "tagMismatch": 0, "textMismatch": 0, "added": 0, "removed": 0, "styleDiffs": 303, "rectDiffs": 303, "fieldDiffs": 1638, "tokenLight": 10, "tokenDark": 16 } }, { "route": "/preview/tools/linear-gradient-png", "ref": "gradient.html", "deltas": [ { "path": "body", "type": "style", "tag": "body", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "1280px" }, "height": { "ours": "783.875px", "ref": "1299.36px" }, "rect": { "ours": { "x": 0, "y": 0, "w": 1440, "h": 784 }, "ref": { "x": 0, "y": 0, "w": 1280, "h": 1299 } } } }, { "path": "body > main:1", "type": "style", "tag": "main", "text": "", "deltas": { "backgroundColor": { "ours": "rgba(0, 0, 0, 0)", "ref": "rgb(238, 241, 244)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "1280px" }, "height": { "ours": "783.875px", "ref": "1299.36px" }, "rect": { "ours": { "x": 0, "y": 0, "w": 1440, "h": 784 }, "ref": { "x": 0, "y": 0, "w": 1280, "h": 1299 } } } }, { "path": "body > main:1 > header:1", "type": "style", "tag": "header", "text": "", "deltas": { "padding": { "ours": "0px 57.6px", "ref": "0px 51.2px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "1280px" }, "rect": { "ours": { "x": 0, "y": 0, "w": 1440, "h": 64 }, "ref": { "x": 0, "y": 0, "w": 1280, "h": 64 } } } }, { "path": "body > main:1 > header:1 > a:1", "type": "style", "tag": "a", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "239.609px", "ref": "224.766px" }, "rect": { "ours": { "x": 58, "y": 17, "w": 240, "h": 30 }, "ref": { "x": 51, "y": 17, "w": 225, "h": 30 } } } }, { "path": "body > main:1 > header:1 > a:1 > span:1", "type": "style", "tag": "span", "text": "EP", "deltas": { "borderTopColor": { "ours": "rgb(255, 255, 255)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 58, "y": 17, "w": 30, "h": 30 }, "ref": { "x": 51, "y": 17, "w": 30, "h": 30 } } } }, { "path": "body > main:1 > header:1 > a:1 > span:2", "type": "style", "tag": "span", "text": "easy-png-tools", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "117.609px", "ref": "107.766px" }, "height": { "ours": "18px", "ref": "17px" }, "rect": { "ours": { "x": 98, "y": 23, "w": 118, "h": 18 }, "ref": { "x": 91, "y": 23, "w": 108, "h": 17 } } } }, { "path": "body > main:1 > header:1 > a:1 > span:3", "type": "style", "tag": "span", "text": "/ GRADIENT", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "72px", "ref": "67px" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 225, "y": 25, "w": 72, "h": 13 }, "ref": { "x": 209, "y": 26, "w": 67, "h": 12 } } } }, { "path": "body > main:1 > header:1 > nav:2", "type": "style", "tag": "nav", "text": "", "deltas": { "gap": { "ours": "18px", "ref": "22px" }, "margin": { "ours": "0px 0px 0px 24px", "ref": "0px 28px 0px 368.891px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "376.594px", "ref": "296.938px" }, "height": { "ours": "15px", "ref": "12px" }, "rect": { "ours": { "x": 528, "y": 24, "w": 377, "h": 15 }, "ref": { "x": 645, "y": 26, "w": 297, "h": 12 } } } }, { "path": "body > main:1 > header:1 > nav:2 > a:1", "type": "style", "tag": "a", "text": "Workspace", "deltas": { "fontSize": { "ours": "12px", "ref": "10px" }, "letterSpacing": { "ours": "0.48px", "ref": "normal" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "69.125px", "ref": "49.4844px" }, "height": { "ours": "15px", "ref": "12px" }, "rect": { "ours": { "x": 528, "y": 24, "w": 69, "h": 15 }, "ref": { "x": 645, "y": 26, "w": 49, "h": 12 } } } }, { "path": "body > main:1 > header:1 > nav:2 > a:2", "type": "style", "tag": "a", "text": "Catalog", "deltas": { "fontSize": { "ours": "12px", "ref": "10px" }, "letterSpacing": { "ours": "0.48px", "ref": "normal" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "53.7656px", "ref": "38.5px" }, "height": { "ours": "15px", "ref": "12px" }, "rect": { "ours": { "x": 615, "y": 24, "w": 54, "h": 15 }, "ref": { "x": 716, "y": 26, "w": 39, "h": 12 } } } }, { "path": "body > main:1 > header:1 > nav:2 > a:3", "type": "style", "tag": "a", "text": "Gradient", "deltas": { "fontSize": { "ours": "12px", "ref": "10px" }, "letterSpacing": { "ours": "0.48px", "ref": "normal" }, "color": { "ours": "rgb(109, 120, 131)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "61.4531px", "ref": "43.9844px" }, "height": { "ours": "15px", "ref": "12px" }, "rect": { "ours": { "x": 687, "y": 24, "w": 61, "h": 15 }, "ref": { "x": 777, "y": 26, "w": 44, "h": 12 } } } }, { "path": "body > main:1 > header:1 > nav:2 > a:4", "type": "style", "tag": "a", "text": "Background remover", "deltas": { "fontSize": { "ours": "12px", "ref": "10px" }, "letterSpacing": { "ours": "0.48px", "ref": "normal" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "138.25px", "ref": "98.9688px" }, "height": { "ours": "15px", "ref": "12px" }, "rect": { "ours": { "x": 766, "y": 24, "w": 138, "h": 15 }, "ref": { "x": 843, "y": 26, "w": 99, "h": 12 } } } }, { "path": "body > main:1 > header:1 > div:3", "type": "style", "tag": "div", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "271.016px", "ref": "259.031px" }, "height": { "ours": "28px", "ref": "29px" }, "rect": { "ours": { "x": 1111, "y": 18, "w": 271, "h": 28 }, "ref": { "x": 970, "y": 17, "w": 259, "h": 29 } } } }, { "path": "body > main:1 > header:1 > div:3 > span:1", "type": "style", "tag": "span", "text": "LIVE PREVIEW", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "96.6094px", "ref": "88.5781px" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 1111, "y": 25, "w": 97, "h": 13 }, "ref": { "x": 970, "y": 26, "w": 89, "h": 12 } } } }, { "path": "body > main:1 > header:1 > div:3 > span:1 > i:1", "type": "style", "tag": "i", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "8px", "ref": "6px" }, "height": { "ours": "8px", "ref": "6px" }, "boxShadow": { "ours": "color(srgb 0.145098 0.662745 0.415686 / 0.25) 0px 0px 0px 2px", "ref": "none" }, "rect": { "ours": { "x": 1111, "y": 28, "w": 8, "h": 8 }, "ref": { "x": 970, "y": 29, "w": 6, "h": 6 } } } }, { "path": "body > main:1 > header:1 > div:3 > button:2", "type": "style", "tag": "button", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "display": { "ours": "flex", "ref": "grid" }, "justifyContent": { "ours": "center", "ref": "normal" }, "gridTemplateColumns": { "ours": "none", "ref": "17px" }, "width": { "ours": "28px", "ref": "29px" }, "height": { "ours": "28px", "ref": "29px" }, "rect": { "ours": { "x": 1224, "y": 18, "w": 28, "h": 28 }, "ref": { "x": 1074, "y": 17, "w": 29, "h": 29 } } } }, { "path": "body > main:1 > header:1 > div:3 > button:2 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "16px", "ref": "17px" }, "height": { "ours": "16px", "ref": "17px" }, "rect": { "ours": { "x": 1230, "y": 24, "w": 16, "h": 16 }, "ref": { "x": 1080, "y": 23, "w": 17, "h": 17 } } } }, { "path": "body > main:1 > header:1 > div:3 > button:3", "type": "style", "tag": "button", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "display": { "ours": "flex", "ref": "grid" }, "justifyContent": { "ours": "center", "ref": "normal" }, "gridTemplateColumns": { "ours": "none", "ref": "17px" }, "width": { "ours": "28px", "ref": "29px" }, "height": { "ours": "28px", "ref": "29px" }, "rect": { "ours": { "x": 1268, "y": 18, "w": 28, "h": 28 }, "ref": { "x": 1119, "y": 17, "w": 29, "h": 29 } } } }, { "path": "body > main:1 > header:1 > div:3 > button:3 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "16px", "ref": "17px" }, "height": { "ours": "16px", "ref": "17px" }, "rect": { "ours": { "x": 1274, "y": 24, "w": 16, "h": 16 }, "ref": { "x": 1125, "y": 23, "w": 17, "h": 17 } } } }, { "path": "body > main:1 > header:1 > div:3 > div:4", "type": "style", "tag": "div", "text": "", "deltas": { "alignItems": { "ours": "normal", "ref": "center" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "70.4062px", "ref": "64.4531px" }, "height": { "ours": "27px", "ref": "26px" }, "rect": { "ours": { "x": 1312, "y": 18, "w": 70, "h": 27 }, "ref": { "x": 1164, "y": 19, "w": 64, "h": 26 } } } }, { "path": "body > main:1 > header:1 > div:3 > div:4 > button:1", "type": "style", "tag": "button", "text": "RU", "deltas": { "letterSpacing": { "ours": "0.6px", "ref": "normal" }, "width": { "ours": "31.2031px", "ref": "29px" }, "height": { "ours": "25px", "ref": "24px" }, "rect": { "ours": { "x": 1313, "y": 19, "w": 31, "h": 25 }, "ref": { "x": 1165, "y": 20, "w": 29, "h": 24 } } } }, { "path": "body > main:1 > header:1 > div:3 > div:4 > span:2", "type": "style", "tag": "span", "text": "/", "deltas": { "fontFamily": { "ours": "\"IBM Plex Mono\", monospace", "ref": "\"IBM Plex Sans\", sans-serif" }, "fontSize": { "ours": "10px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "color": { "ours": "rgb(109, 120, 131)", "ref": "rgb(23, 33, 43)" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "6px", "ref": "4.45312px" }, "height": { "ours": "13px", "ref": "24px" }, "rect": { "ours": { "x": 1344, "y": 25, "w": 6, "h": 13 }, "ref": { "x": 1194, "y": 20, "w": 4, "h": 24 } } } }, { "path": "body > main:1 > header:1 > div:3 > div:4 > button:3", "type": "style", "tag": "button", "text": "EN", "deltas": { "letterSpacing": { "ours": "0.6px", "ref": "normal" }, "width": { "ours": "31.2031px", "ref": "29px" }, "height": { "ours": "25px", "ref": "24px" }, "rect": { "ours": { "x": 1350, "y": 19, "w": 31, "h": 25 }, "ref": { "x": 1199, "y": 20, "w": 29, "h": 24 } } } }, { "path": "body > main:1 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "padding": { "ours": "0px", "ref": "60px 51.2px 72px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "1280px" }, "height": { "ours": "657.875px", "ref": "1190.36px" }, "rect": { "ours": { "x": 0, "y": 64, "w": 1440, "h": 658 }, "ref": { "x": 0, "y": 64, "w": 1280, "h": 1190 } } } }, { "path": "body > main:1 > div:2 > div:1", "type": "style", "tag": "div", "text": "PNG PROCESSING SINGLE TOOL", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1.2px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "margin": { "ours": "0px", "ref": "0px 0px 18px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "1177.62px" }, "height": { "ours": "24px", "ref": "12px" }, "rect": { "ours": { "x": 0, "y": 64, "w": 1440, "h": 24 }, "ref": { "x": 51, "y": 124, "w": 1178, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:1 > span:1", "type": "style", "tag": "span", "text": "/", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1.2px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "margin": { "ours": "0px", "ref": "0px 7px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 137, "y": 66, "w": 6, "h": 20 }, "ref": { "x": 159, "y": 124, "w": 13, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "block", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "end" }, "justifyContent": { "ours": "normal", "ref": "space-between" }, "gap": { "ours": "normal", "ref": "32px" }, "margin": { "ours": "0px", "ref": "0px 0px 48px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "1177.62px" }, "height": { "ours": "133.438px", "ref": "116.391px" }, "rect": { "ours": { "x": 0, "y": 109, "w": 1440, "h": 133 }, "ref": { "x": 51, "y": 154, "w": 1178, "h": 116 } } } }, { "path": "body > main:1 > div:2 > div:2 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "550px" }, "height": { "ours": "93.4375px", "ref": "116.391px" }, "rect": { "ours": { "x": 0, "y": 109, "w": 1440, "h": 93 }, "ref": { "x": 51, "y": 154, "w": 550, "h": 116 } } } }, { "path": "body > main:1 > div:2 > div:2 > div:1 > h1:1", "type": "style", "tag": "h1", "text": "Gradient background.", "deltas": { "fontSize": { "ours": "32px", "ref": "51.2px" }, "fontWeight": { "ours": "700", "ref": "650" }, "lineHeight": { "ours": "48px", "ref": "51.2px" }, "letterSpacing": { "ours": "normal", "ref": "-3.072px" }, "margin": { "ours": "21.44px 0px", "ref": "0px 0px 14px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "550px" }, "height": { "ours": "48px", "ref": "51.2031px" }, "rect": { "ours": { "x": 0, "y": 109, "w": 1440, "h": 48 }, "ref": { "x": 51, "y": 154, "w": 550, "h": 51 } } } }, { "path": "body > main:1 > div:2 > div:2 > div:1 > p:2", "type": "style", "tag": "p", "text": "Create a clean, export-ready gradient with precise control over color, direction and transparency.", "deltas": { "lineHeight": { "ours": "24px", "ref": "25.6px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "margin": { "ours": "16px 0px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "550px" }, "height": { "ours": "24px", "ref": "51.1875px" }, "rect": { "ours": { "x": 0, "y": 179, "w": 1440, "h": 24 }, "ref": { "x": 51, "y": 219, "w": 550, "h": 51 } } } }, { "path": "body > main:1 > div:2 > div:2 > span:2", "type": "style", "tag": "span", "text": "LIVE PREVIEW", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(37, 169, 106)" }, "display": { "ours": "inline", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "gap": { "ours": "normal", "ref": "8px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "79.9844px" }, "height": { "ours": "auto", "ref": "12px" }, "rect": { "ours": { "x": 0, "y": 221, "w": 106, "h": 20 }, "ref": { "x": 1149, "y": 258, "w": 80, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:2 > span:2 > i:1", "type": "style", "tag": "i", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(37, 169, 106)" }, "backgroundColor": { "ours": "rgba(0, 0, 0, 0)", "ref": "rgb(37, 169, 106)" }, "display": { "ours": "inline", "ref": "block" }, "borderRadius": { "ours": "0px", "ref": "50%" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "6px" }, "height": { "ours": "auto", "ref": "6px" }, "rect": { "ours": { "x": 0, "y": 221, "w": 0, "h": 20 }, "ref": { "x": 1149, "y": 261, "w": 6, "h": 6 } } } }, { "path": "body > main:1 > div:2 > div:3", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "block", "ref": "grid" }, "alignItems": { "ours": "normal", "ref": "start" }, "gap": { "ours": "normal", "ref": "56px" }, "gridTemplateColumns": { "ours": "none", "ref": "392.562px 729.062px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "1177.62px" }, "height": { "ours": "479px", "ref": "863.969px" }, "rect": { "ours": { "x": 0, "y": 243, "w": 1440, "h": 479 }, "ref": { "x": 51, "y": 318, "w": 1178, "h": 864 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1", "type": "style", "tag": "section", "text": "", "deltas": { "backgroundColor": { "ours": "rgba(0, 0, 0, 0)", "ref": "rgb(248, 250, 251)" }, "borderTopWidth": { "ours": "0px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "392.562px" }, "height": { "ours": "293px", "ref": "635px" }, "rect": { "ours": { "x": 0, "y": 243, "w": 1440, "h": 293 }, "ref": { "x": 51, "y": 318, "w": 393, "h": 635 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "block", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "justifyContent": { "ours": "normal", "ref": "space-between" }, "padding": { "ours": "0px", "ref": "18px 20px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "390.562px" }, "height": { "ours": "48px", "ref": "83px" }, "rect": { "ours": { "x": 0, "y": 243, "w": 1440, "h": 48 }, "ref": { "x": 52, "y": 319, "w": 391, "h": 83 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:1 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "123.156px" }, "height": { "ours": "24px", "ref": "46px" }, "rect": { "ours": { "x": 0, "y": 243, "w": 1440, "h": 24 }, "ref": { "x": 72, "y": 337, "w": 123, "h": 46 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:1 > div:1 > span:1", "type": "style", "tag": "span", "text": "GRADIENT SETTINGS", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1.2px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 0, "y": 245, "w": 158, "h": 20 }, "ref": { "x": 72, "y": 345, "w": 114, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:1 > div:1 > strong:2", "type": "style", "tag": "strong", "text": "Configure output", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "14px" }, "fontWeight": { "ours": "700", "ref": "600" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "display": { "ours": "inline", "ref": "block" }, "margin": { "ours": "0px", "ref": "5px 0px 0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "123.156px" }, "height": { "ours": "auto", "ref": "17px" }, "rect": { "ours": { "x": 161, "y": 245, "w": 127, "h": 20 }, "ref": { "x": 72, "y": 366, "w": 123, "h": 17 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:1 > span:2", "type": "style", "tag": "span", "text": "TOOL 01", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1.2px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "46.8906px" }, "height": { "ours": "auto", "ref": "12px" }, "rect": { "ours": { "x": 0, "y": 269, "w": 62, "h": 20 }, "ref": { "x": 376, "y": 354, "w": 47, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "padding": { "ours": "0px", "ref": "22px 20px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "390.562px" }, "height": { "ours": "49px", "ref": "101px" }, "rect": { "ours": { "x": 0, "y": 291, "w": 1440, "h": 49 }, "ref": { "x": 52, "y": 402, "w": 391, "h": 101 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > label:1", "type": "style", "tag": "label", "text": "GRADIENT TYPE", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "inline", "ref": "flex" }, "justifyContent": { "ours": "normal", "ref": "space-between" }, "margin": { "ours": "0px", "ref": "0px 0px 12px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "350.562px" }, "height": { "ours": "auto", "ref": "12px" }, "rect": { "ours": { "x": 0, "y": 293, "w": 120, "h": 20 }, "ref": { "x": 72, "y": 424, "w": 351, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "block", "ref": "flex" }, "borderTopWidth": { "ours": "0px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "350.562px" }, "height": { "ours": "25px", "ref": "32px" }, "rect": { "ours": { "x": 0, "y": 315, "w": 1440, "h": 25 }, "ref": { "x": 72, "y": 448, "w": 351, "h": 32 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > div:2 > button:1", "type": "style", "tag": "button", "text": "Linear", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "13.3333px", "ref": "10px" }, "color": { "ours": "rgb(0, 0, 0)", "ref": "rgb(255, 255, 255)" }, "backgroundColor": { "ours": "rgb(240, 240, 240)", "ref": "rgb(23, 105, 210)" }, "display": { "ours": "inline-block", "ref": "block" }, "padding": { "ours": "1px 6px", "ref": "0px" }, "borderTopWidth": { "ours": "2px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(0, 0, 0)", "ref": "rgb(255, 255, 255)" }, "borderTopStyle": { "ours": "outset", "ref": "none" }, "width": { "ours": "52.9219px", "ref": "174.281px" }, "height": { "ours": "24px", "ref": "30px" }, "rect": { "ours": { "x": 0, "y": 316, "w": 53, "h": 24 }, "ref": { "x": 73, "y": 449, "w": 174, "h": 30 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > div:2 > button:2", "type": "style", "tag": "button", "text": "Radial", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "13.3333px", "ref": "10px" }, "color": { "ours": "rgb(0, 0, 0)", "ref": "rgb(109, 120, 131)" }, "backgroundColor": { "ours": "rgb(240, 240, 240)", "ref": "rgba(0, 0, 0, 0)" }, "display": { "ours": "inline-block", "ref": "block" }, "padding": { "ours": "1px 6px", "ref": "0px" }, "borderTopWidth": { "ours": "2px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(0, 0, 0)", "ref": "rgb(109, 120, 131)" }, "borderTopStyle": { "ours": "outset", "ref": "none" }, "width": { "ours": "53.3281px", "ref": "174.281px" }, "height": { "ours": "24px", "ref": "30px" }, "rect": { "ours": { "x": 53, "y": 316, "w": 53, "h": 24 }, "ref": { "x": 247, "y": 449, "w": 174, "h": 30 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:3", "type": "style", "tag": "div", "text": "", "deltas": { "padding": { "ours": "0px", "ref": "22px 20px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "390.562px" }, "height": { "ours": "98px", "ref": "129px" }, "rect": { "ours": { "x": 0, "y": 340, "w": 1440, "h": 98 }, "ref": { "x": 52, "y": 503, "w": 391, "h": 129 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:3 > label:1", "type": "style", "tag": "label", "text": "COLOR STOPS", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "inline", "ref": "flex" }, "justifyContent": { "ours": "normal", "ref": "space-between" }, "margin": { "ours": "0px", "ref": "0px 0px 12px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "350.562px" }, "height": { "ours": "auto", "ref": "12px" }, "rect": { "ours": { "x": 0, "y": 342, "w": 102, "h": 20 }, "ref": { "x": 72, "y": 525, "w": 351, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:3 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "block", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "gap": { "ours": "normal", "ref": "10px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "350.562px" }, "height": { "ours": "74px", "ref": "32px" }, "rect": { "ours": { "x": 0, "y": 364, "w": 1440, "h": 74 }, "ref": { "x": 72, "y": 549, "w": 351, "h": 32 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:3 > div:2 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "block", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "gap": { "ours": "normal", "ref": "8px" }, "padding": { "ours": "0px", "ref": "0px 8px" }, "borderTopWidth": { "ours": "0px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "167px" }, "height": { "ours": "25px", "ref": "32px" }, "rect": { "ours": { "x": 0, "y": 364, "w": 1440, "h": 25 }, "ref": { "x": 72, "y": 549, "w": 167, "h": 32 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:3 > div:2 > div:1 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "display": { "ours": "inline", "ref": "block" }, "borderTopWidth": { "ours": "0px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "14px" }, "height": { "ours": "auto", "ref": "14px" }, "rect": { "ours": { "x": 0, "y": 366, "w": 0, "h": 20 }, "ref": { "x": 81, "y": 558, "w": 14, "h": 14 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:3 > div:2 > div:1 > input:2", "type": "style", "tag": "input", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "13.3333px", "ref": "11px" }, "color": { "ours": "rgb(0, 0, 0)", "ref": "rgb(23, 33, 43)" }, "backgroundColor": { "ours": "rgb(255, 255, 255)", "ref": "rgba(0, 0, 0, 0)" }, "display": { "ours": "inline-block", "ref": "block" }, "padding": { "ours": "1px 2px", "ref": "0px" }, "borderTopWidth": { "ours": "2px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(118, 118, 118)", "ref": "rgb(23, 33, 43)" }, "borderTopStyle": { "ours": "inset", "ref": "none" }, "width": { "ours": "157px", "ref": "127px" }, "height": { "ours": "24px", "ref": "13px" }, "rect": { "ours": { "x": 0, "y": 365, "w": 157, "h": 24 }, "ref": { "x": 103, "y": 559, "w": 127, "h": 13 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:3 > div:2 > span:2", "type": "style", "tag": "span", "text": "→", "deltas": { "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "16px" }, "height": { "ours": "auto", "ref": "24px" }, "rect": { "ours": { "x": 0, "y": 391, "w": 16, "h": 20 }, "ref": { "x": 249, "y": 553, "w": 16, "h": 24 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:3 > div:2 > div:3", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "block", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "gap": { "ours": "normal", "ref": "8px" }, "padding": { "ours": "0px", "ref": "0px 8px" }, "borderTopWidth": { "ours": "0px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "167px" }, "height": { "ours": "25px", "ref": "32px" }, "rect": { "ours": { "x": 0, "y": 413, "w": 1440, "h": 25 }, "ref": { "x": 275, "y": 549, "w": 167, "h": 32 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:3 > div:2 > div:3 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "display": { "ours": "inline", "ref": "block" }, "borderTopWidth": { "ours": "0px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "14px" }, "height": { "ours": "auto", "ref": "14px" }, "rect": { "ours": { "x": 0, "y": 415, "w": 0, "h": 20 }, "ref": { "x": 284, "y": 558, "w": 14, "h": 14 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:3 > div:2 > div:3 > input:2", "type": "style", "tag": "input", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "13.3333px", "ref": "11px" }, "color": { "ours": "rgb(0, 0, 0)", "ref": "rgb(23, 33, 43)" }, "backgroundColor": { "ours": "rgb(255, 255, 255)", "ref": "rgba(0, 0, 0, 0)" }, "display": { "ours": "inline-block", "ref": "block" }, "padding": { "ours": "1px 2px", "ref": "0px" }, "borderTopWidth": { "ours": "2px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(118, 118, 118)", "ref": "rgb(23, 33, 43)" }, "borderTopStyle": { "ours": "inset", "ref": "none" }, "width": { "ours": "157px", "ref": "127px" }, "height": { "ours": "24px", "ref": "13px" }, "rect": { "ours": { "x": 0, "y": 414, "w": 157, "h": 24 }, "ref": { "x": 306, "y": 559, "w": 127, "h": 13 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:3 > div:3", "type": "style", "tag": "div", "text": "", "deltas": { "margin": { "ours": "0px", "ref": "14px 0px 0px" }, "borderTopWidth": { "ours": "0px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "350.562px" }, "height": { "ours": "0px", "ref": "14px" }, "rect": { "ours": { "x": 0, "y": 438, "w": 1440, "h": 0 }, "ref": { "x": 72, "y": 595, "w": 351, "h": 14 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:4", "type": "style", "tag": "div", "text": "", "deltas": { "padding": { "ours": "0px", "ref": "22px 20px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "390.562px" }, "height": { "ours": "49px", "ref": "177px" }, "rect": { "ours": { "x": 0, "y": 438, "w": 1440, "h": 49 }, "ref": { "x": 52, "y": 632, "w": 391, "h": 177 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:4 > label:1", "type": "style", "tag": "label", "text": "DIRECTION", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "inline", "ref": "flex" }, "justifyContent": { "ours": "normal", "ref": "space-between" }, "margin": { "ours": "0px", "ref": "0px 0px 12px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "350.562px" }, "height": { "ours": "auto", "ref": "12px" }, "rect": { "ours": { "x": 0, "y": 440, "w": 129, "h": 20 }, "ref": { "x": 72, "y": 654, "w": 351, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:4 > label:1 > output:1", "type": "style", "tag": "output", "text": "135 °", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "32.5px" }, "height": { "ours": "auto", "ref": "12px" }, "rect": { "ours": { "x": 89, "y": 440, "w": 40, "h": 20 }, "ref": { "x": 390, "y": 654, "w": 33, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:4 > input:2", "type": "style", "tag": "input", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "color": { "ours": "rgb(16, 16, 16)", "ref": "rgb(23, 33, 43)" }, "backgroundColor": { "ours": "rgb(255, 255, 255)", "ref": "rgba(0, 0, 0, 0)" }, "margin": { "ours": "2px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(16, 16, 16)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 134, "y": 440, "w": 129, "h": 16 }, "ref": { "x": 72, "y": 679, "w": 129, "h": 16 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:4 > div:3", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "block", "ref": "grid" }, "gap": { "ours": "normal", "ref": "6px" }, "gridTemplateColumns": { "ours": "none", "ref": "83.1406px 83.1406px 83.1406px 83.1406px" }, "margin": { "ours": "0px", "ref": "14px 0px 0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "350.562px" }, "height": { "ours": "25px", "ref": "70px" }, "rect": { "ours": { "x": 0, "y": 462, "w": 1440, "h": 25 }, "ref": { "x": 72, "y": 716, "w": 351, "h": 70 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:4 > div:3 > button:1", "type": "style", "tag": "button", "text": "0° →", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "13.3333px", "ref": "10px" }, "color": { "ours": "rgb(0, 0, 0)", "ref": "rgb(109, 120, 131)" }, "backgroundColor": { "ours": "rgb(240, 240, 240)", "ref": "rgba(0, 0, 0, 0)" }, "display": { "ours": "inline-block", "ref": "block" }, "padding": { "ours": "1px 6px", "ref": "8px 6px" }, "borderTopWidth": { "ours": "2px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(0, 0, 0)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "outset", "ref": "solid" }, "width": { "ours": "46.7188px", "ref": "83.1406px" }, "height": { "ours": "24px", "ref": "32px" }, "rect": { "ours": { "x": 0, "y": 463, "w": 47, "h": 24 }, "ref": { "x": 72, "y": 716, "w": 83, "h": 32 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:4 > div:3 > button:2", "type": "style", "tag": "button", "text": "45° ↗", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "13.3333px", "ref": "10px" }, "color": { "ours": "rgb(0, 0, 0)", "ref": "rgb(109, 120, 131)" }, "backgroundColor": { "ours": "rgb(240, 240, 240)", "ref": "rgba(0, 0, 0, 0)" }, "display": { "ours": "inline-block", "ref": "block" }, "padding": { "ours": "1px 6px", "ref": "8px 6px" }, "borderTopWidth": { "ours": "2px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(0, 0, 0)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "outset", "ref": "solid" }, "width": { "ours": "51.1406px", "ref": "83.1406px" }, "height": { "ours": "24px", "ref": "32px" }, "rect": { "ours": { "x": 47, "y": 463, "w": 51, "h": 24 }, "ref": { "x": 161, "y": 716, "w": 83, "h": 32 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:4 > div:3 > button:3", "type": "style", "tag": "button", "text": "90° ↑", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "13.3333px", "ref": "10px" }, "color": { "ours": "rgb(0, 0, 0)", "ref": "rgb(109, 120, 131)" }, "backgroundColor": { "ours": "rgb(240, 240, 240)", "ref": "rgba(0, 0, 0, 0)" }, "display": { "ours": "inline-block", "ref": "block" }, "padding": { "ours": "1px 6px", "ref": "8px 6px" }, "borderTopWidth": { "ours": "2px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(0, 0, 0)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "outset", "ref": "solid" }, "width": { "ours": "52.3125px", "ref": "83.1406px" }, "height": { "ours": "24px", "ref": "32px" }, "rect": { "ours": { "x": 98, "y": 463, "w": 52, "h": 24 }, "ref": { "x": 250, "y": 716, "w": 83, "h": 32 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:4 > div:3 > button:4", "type": "style", "tag": "button", "text": "135° ↖", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "13.3333px", "ref": "10px" }, "color": { "ours": "rgb(0, 0, 0)", "ref": "rgb(238, 241, 244)" }, "backgroundColor": { "ours": "rgb(240, 240, 240)", "ref": "rgb(23, 33, 43)" }, "display": { "ours": "inline-block", "ref": "block" }, "padding": { "ours": "1px 6px", "ref": "8px 6px" }, "borderTopWidth": { "ours": "2px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(0, 0, 0)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "outset", "ref": "solid" }, "width": { "ours": "59.1562px", "ref": "83.1406px" }, "height": { "ours": "24px", "ref": "32px" }, "rect": { "ours": { "x": 150, "y": 463, "w": 59, "h": 24 }, "ref": { "x": 340, "y": 716, "w": 83, "h": 32 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:4 > div:3 > button:5", "type": "style", "tag": "button", "text": "180° ←", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "13.3333px", "ref": "10px" }, "color": { "ours": "rgb(0, 0, 0)", "ref": "rgb(109, 120, 131)" }, "backgroundColor": { "ours": "rgb(240, 240, 240)", "ref": "rgba(0, 0, 0, 0)" }, "display": { "ours": "inline-block", "ref": "block" }, "padding": { "ours": "1px 6px", "ref": "8px 6px" }, "borderTopWidth": { "ours": "2px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(0, 0, 0)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "outset", "ref": "solid" }, "width": { "ours": "62.7188px", "ref": "83.1406px" }, "height": { "ours": "24px", "ref": "32px" }, "rect": { "ours": { "x": 209, "y": 463, "w": 63, "h": 24 }, "ref": { "x": 72, "y": 754, "w": 83, "h": 32 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:4 > div:3 > button:6", "type": "style", "tag": "button", "text": "225° ↙", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "13.3333px", "ref": "10px" }, "color": { "ours": "rgb(0, 0, 0)", "ref": "rgb(109, 120, 131)" }, "backgroundColor": { "ours": "rgb(240, 240, 240)", "ref": "rgba(0, 0, 0, 0)" }, "display": { "ours": "inline-block", "ref": "block" }, "padding": { "ours": "1px 6px", "ref": "8px 6px" }, "borderTopWidth": { "ours": "2px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(0, 0, 0)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "outset", "ref": "solid" }, "width": { "ours": "59.1562px", "ref": "83.1406px" }, "height": { "ours": "24px", "ref": "32px" }, "rect": { "ours": { "x": 272, "y": 463, "w": 59, "h": 24 }, "ref": { "x": 161, "y": 754, "w": 83, "h": 32 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:4 > div:3 > button:7", "type": "style", "tag": "button", "text": "270° ↓", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "13.3333px", "ref": "10px" }, "color": { "ours": "rgb(0, 0, 0)", "ref": "rgb(109, 120, 131)" }, "backgroundColor": { "ours": "rgb(240, 240, 240)", "ref": "rgba(0, 0, 0, 0)" }, "display": { "ours": "inline-block", "ref": "block" }, "padding": { "ours": "1px 6px", "ref": "8px 6px" }, "borderTopWidth": { "ours": "2px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(0, 0, 0)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "outset", "ref": "solid" }, "width": { "ours": "60.3125px", "ref": "83.1406px" }, "height": { "ours": "24px", "ref": "32px" }, "rect": { "ours": { "x": 331, "y": 463, "w": 60, "h": 24 }, "ref": { "x": 250, "y": 754, "w": 83, "h": 32 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:4 > div:3 > button:8", "type": "style", "tag": "button", "text": "315° ↘", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "13.3333px", "ref": "10px" }, "color": { "ours": "rgb(0, 0, 0)", "ref": "rgb(109, 120, 131)" }, "backgroundColor": { "ours": "rgb(240, 240, 240)", "ref": "rgba(0, 0, 0, 0)" }, "display": { "ours": "inline-block", "ref": "block" }, "padding": { "ours": "1px 6px", "ref": "8px 6px" }, "borderTopWidth": { "ours": "2px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(0, 0, 0)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "outset", "ref": "solid" }, "width": { "ours": "59.1562px", "ref": "83.1406px" }, "height": { "ours": "24px", "ref": "32px" }, "rect": { "ours": { "x": 392, "y": 463, "w": 59, "h": 24 }, "ref": { "x": 340, "y": 754, "w": 83, "h": 32 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:5", "type": "style", "tag": "div", "text": "", "deltas": { "padding": { "ours": "0px", "ref": "22px 20px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "390.562px" }, "height": { "ours": "24px", "ref": "93px" }, "rect": { "ours": { "x": 0, "y": 487, "w": 1440, "h": 24 }, "ref": { "x": 52, "y": 809, "w": 391, "h": 93 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:5 > label:1", "type": "style", "tag": "label", "text": "OPACITY", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "inline", "ref": "flex" }, "justifyContent": { "ours": "normal", "ref": "space-between" }, "margin": { "ours": "0px", "ref": "0px 0px 12px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "350.562px" }, "height": { "ours": "auto", "ref": "12px" }, "rect": { "ours": { "x": 0, "y": 489, "w": 116, "h": 20 }, "ref": { "x": 72, "y": 831, "w": 351, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:5 > label:1 > output:1", "type": "style", "tag": "output", "text": "100 %", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "32.5px" }, "height": { "ours": "auto", "ref": "12px" }, "rect": { "ours": { "x": 69, "y": 489, "w": 47, "h": 20 }, "ref": { "x": 390, "y": 831, "w": 33, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:5 > input:2", "type": "style", "tag": "input", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "color": { "ours": "rgb(16, 16, 16)", "ref": "rgb(23, 33, 43)" }, "backgroundColor": { "ours": "rgb(255, 255, 255)", "ref": "rgba(0, 0, 0, 0)" }, "margin": { "ours": "2px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(16, 16, 16)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 122, "y": 489, "w": 129, "h": 16 }, "ref": { "x": 72, "y": 856, "w": 129, "h": 16 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:6", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "block", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "justifyContent": { "ours": "normal", "ref": "space-between" }, "padding": { "ours": "0px", "ref": "16px 20px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "390.562px" }, "height": { "ours": "25px", "ref": "50px" }, "rect": { "ours": { "x": 0, "y": 511, "w": 1440, "h": 25 }, "ref": { "x": 52, "y": 902, "w": 391, "h": 50 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:6 > button:1", "type": "style", "tag": "button", "text": "Reset", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "12px" }, "lineHeight": { "ours": "normal", "ref": "18px" }, "color": { "ours": "rgb(0, 0, 0)", "ref": "rgb(23, 105, 210)" }, "backgroundColor": { "ours": "rgb(240, 240, 240)", "ref": "rgba(0, 0, 0, 0)" }, "display": { "ours": "inline-block", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "gap": { "ours": "normal", "ref": "7px" }, "padding": { "ours": "1px 6px", "ref": "0px" }, "borderTopWidth": { "ours": "2px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(0, 0, 0)", "ref": "rgb(23, 105, 210)" }, "borderTopStyle": { "ours": "outset", "ref": "none" }, "width": { "ours": "67.2969px", "ref": "52.3594px" }, "height": { "ours": "24px", "ref": "18px" }, "rect": { "ours": { "x": 0, "y": 512, "w": 67, "h": 24 }, "ref": { "x": 72, "y": 918, "w": 52, "h": 18 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:6 > button:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "12px" }, "lineHeight": { "ours": "normal", "ref": "18px" }, "color": { "ours": "rgb(0, 0, 0)", "ref": "rgb(23, 105, 210)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(0, 0, 0)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 8, "y": 515, "w": 14, "h": 14 }, "ref": { "x": 72, "y": 920, "w": 14, "h": 14 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:6 > span:2", "type": "style", "tag": "span", "text": "updates automatically", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "11px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "inline", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "gap": { "ours": "normal", "ref": "8px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "141.016px" }, "height": { "ours": "auto", "ref": "13px" }, "rect": { "ours": { "x": 71, "y": 513, "w": 159, "h": 20 }, "ref": { "x": 282, "y": 921, "w": 141, "h": 13 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:6 > span:2 > i:1", "type": "style", "tag": "i", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "11px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "backgroundColor": { "ours": "rgba(0, 0, 0, 0)", "ref": "rgb(37, 169, 106)" }, "display": { "ours": "inline", "ref": "block" }, "borderRadius": { "ours": "0px", "ref": "50%" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "6px" }, "height": { "ours": "auto", "ref": "6px" }, "rect": { "ours": { "x": 71, "y": 513, "w": 0, "h": 20 }, "ref": { "x": 282, "y": 924, "w": 6, "h": 6 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2", "type": "style", "tag": "section", "text": "", "deltas": { "backgroundColor": { "ours": "rgba(0, 0, 0, 0)", "ref": "rgb(248, 250, 251)" }, "borderTopWidth": { "ours": "0px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "729.062px" }, "height": { "ours": "186px", "ref": "863.969px" }, "rect": { "ours": { "x": 0, "y": 536, "w": 1440, "h": 186 }, "ref": { "x": 500, "y": 318, "w": 729, "h": 864 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "block", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "justifyContent": { "ours": "normal", "ref": "space-between" }, "padding": { "ours": "0px", "ref": "18px 20px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "727.062px" }, "height": { "ours": "49px", "ref": "140px" }, "rect": { "ours": { "x": 0, "y": 536, "w": 1440, "h": 49 }, "ref": { "x": 501, "y": 319, "w": 727, "h": 140 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:1 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "93.7812px" }, "height": { "ours": "24px", "ref": "46px" }, "rect": { "ours": { "x": 0, "y": 536, "w": 1440, "h": 24 }, "ref": { "x": 521, "y": 366, "w": 94, "h": 46 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:1 > div:1 > span:1", "type": "style", "tag": "span", "text": "OUTPUT PREVIEW", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1.2px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 0, "y": 538, "w": 134, "h": 20 }, "ref": { "x": 521, "y": 374, "w": 94, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:1 > div:1 > strong:2", "type": "style", "tag": "strong", "text": "gradient.png", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "14px" }, "fontWeight": { "ours": "700", "ref": "600" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "display": { "ours": "inline", "ref": "block" }, "margin": { "ours": "0px", "ref": "5px 0px 0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "93.7812px" }, "height": { "ours": "auto", "ref": "17px" }, "rect": { "ours": { "x": 137, "y": 538, "w": 96, "h": 20 }, "ref": { "x": 521, "y": 395, "w": 94, "h": 17 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:1 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "block", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "justifyContent": { "ours": "normal", "ref": "flex-end" }, "gap": { "ours": "normal", "ref": "10px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "210.562px" }, "height": { "ours": "25px", "ref": "103px" }, "rect": { "ours": { "x": 0, "y": 560, "w": 1440, "h": 25 }, "ref": { "x": 997, "y": 337, "w": 211, "h": 103 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:1 > div:2 > button:1", "type": "style", "tag": "button", "text": "Copy CSS", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "13.3333px", "ref": "10px" }, "color": { "ours": "rgb(0, 0, 0)", "ref": "rgb(109, 120, 131)" }, "backgroundColor": { "ours": "rgb(240, 240, 240)", "ref": "rgba(0, 0, 0, 0)" }, "display": { "ours": "inline-block", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "gap": { "ours": "normal", "ref": "8px" }, "padding": { "ours": "1px 6px", "ref": "8px 6px" }, "borderTopWidth": { "ours": "2px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(0, 0, 0)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "outset", "ref": "solid" }, "width": { "ours": "91px", "ref": "80.9844px" }, "height": { "ours": "25px", "ref": "33px" }, "rect": { "ours": { "x": 0, "y": 560, "w": 91, "h": 25 }, "ref": { "x": 1127, "y": 337, "w": 81, "h": 33 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:1 > div:2 > button:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "13.3333px", "ref": "10px" }, "color": { "ours": "rgb(0, 0, 0)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(0, 0, 0)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 8, "y": 563, "w": 15, "h": 15 }, "ref": { "x": 1134, "y": 346, "w": 15, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:1 > div:2 > button:2", "type": "style", "tag": "button", "text": "Download PNG", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "13.3333px", "ref": "11px" }, "color": { "ours": "rgb(0, 0, 0)", "ref": "rgb(255, 255, 255)" }, "backgroundColor": { "ours": "rgb(240, 240, 240)", "ref": "rgb(23, 105, 210)" }, "display": { "ours": "inline-block", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "justifyContent": { "ours": "normal", "ref": "center" }, "gap": { "ours": "normal", "ref": "9px" }, "padding": { "ours": "1px 6px", "ref": "0px" }, "margin": { "ours": "0px", "ref": "18px 0px 0px" }, "borderTopWidth": { "ours": "2px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(0, 0, 0)", "ref": "rgb(255, 255, 255)" }, "borderTopStyle": { "ours": "outset", "ref": "none" }, "width": { "ours": "141.297px", "ref": "210.562px" }, "height": { "ours": "25px", "ref": "42px" }, "rect": { "ours": { "x": 95, "y": 560, "w": 141, "h": 25 }, "ref": { "x": 997, "y": 398, "w": 211, "h": 42 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:1 > div:2 > button:2 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "13.3333px", "ref": "11px" }, "color": { "ours": "rgb(0, 0, 0)", "ref": "rgb(255, 255, 255)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(0, 0, 0)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 103, "y": 563, "w": 15, "h": 15 }, "ref": { "x": 1043, "y": 412, "w": 15, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:1 > div:2 > button:2 > svg:2", "type": "style", "tag": "svg", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "13.3333px", "ref": "11px" }, "color": { "ours": "rgb(0, 0, 0)", "ref": "rgb(255, 255, 255)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(0, 0, 0)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 214, "y": 564, "w": 14, "h": 14 }, "ref": { "x": 1148, "y": 412, "w": 14, "h": 14 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "backgroundColor": { "ours": "rgba(0, 0, 0, 0)", "ref": "rgb(32, 42, 49)" }, "padding": { "ours": "0px", "ref": "24px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "727.062px" }, "height": { "ours": "48px", "ref": "585.594px" }, "rect": { "ours": { "x": 0, "y": 585, "w": 1440, "h": 48 }, "ref": { "x": 501, "y": 459, "w": 727, "h": 586 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "12px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(255, 255, 255)" }, "display": { "ours": "block", "ref": "grid" }, "justifyContent": { "ours": "normal", "ref": "center" }, "gridTemplateColumns": { "ours": "none", "ref": "92.375px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "679.062px" }, "height": { "ours": "48px", "ref": "537.594px" }, "rect": { "ours": { "x": 0, "y": 585, "w": 1440, "h": 48 }, "ref": { "x": 525, "y": 483, "w": 679, "h": 538 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > div:1 > div:1", "type": "style", "tag": "div", "text": "PNG", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(255, 255, 255)" }, "display": { "ours": "block", "ref": "grid" }, "alignItems": { "ours": "normal", "ref": "center" }, "gridTemplateColumns": { "ours": "none", "ref": "68px" }, "margin": { "ours": "0px", "ref": "0px 0px 12px" }, "borderTopWidth": { "ours": "0px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgba(255, 255, 255, 0.65)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "70px" }, "height": { "ours": "24px", "ref": "70px" }, "rect": { "ours": { "x": 0, "y": 585, "w": 1440, "h": 24 }, "ref": { "x": 829, "y": 704, "w": 70, "h": 70 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > div:1 > span:2", "type": "style", "tag": "span", "text": "easy-png-tools", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "12px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(255, 255, 255)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "92.375px" }, "height": { "ours": "auto", "ref": "14px" }, "rect": { "ours": { "x": 0, "y": 611, "w": 108, "h": 20 }, "ref": { "x": 818, "y": 786, "w": 92, "h": 14 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:3", "type": "style", "tag": "div", "text": "", "deltas": { "padding": { "ours": "0px", "ref": "16px 20px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "727.062px" }, "height": { "ours": "89px", "ref": "136.375px" }, "rect": { "ours": { "x": 0, "y": 633, "w": 1440, "h": 89 }, "ref": { "x": 501, "y": 1045, "w": 727, "h": 136 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:3 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "block", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "justifyContent": { "ours": "normal", "ref": "space-between" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "687.062px" }, "height": { "ours": "25px", "ref": "26px" }, "rect": { "ours": { "x": 0, "y": 633, "w": 1440, "h": 25 }, "ref": { "x": 521, "y": 1061, "w": 687, "h": 26 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:3 > div:1 > span:1", "type": "style", "tag": "span", "text": "GENERATED CSS", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1.2px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "87.0781px" }, "height": { "ours": "auto", "ref": "12px" }, "rect": { "ours": { "x": 0, "y": 635, "w": 122, "h": 20 }, "ref": { "x": 521, "y": 1068, "w": 87, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:3 > div:1 > button:2", "type": "style", "tag": "button", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "color": { "ours": "rgb(0, 0, 0)", "ref": "rgb(109, 120, 131)" }, "backgroundColor": { "ours": "rgb(240, 240, 240)", "ref": "rgba(0, 0, 0, 0)" }, "display": { "ours": "inline-block", "ref": "grid" }, "alignItems": { "ours": "normal", "ref": "center" }, "gridTemplateColumns": { "ours": "none", "ref": "14px" }, "padding": { "ours": "1px 6px", "ref": "6px" }, "borderTopWidth": { "ours": "2px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(0, 0, 0)", "ref": "rgb(109, 120, 131)" }, "borderTopStyle": { "ours": "outset", "ref": "none" }, "width": { "ours": "30px", "ref": "26px" }, "height": { "ours": "24px", "ref": "26px" }, "rect": { "ours": { "x": 126, "y": 634, "w": 30, "h": 24 }, "ref": { "x": 1182, "y": 1061, "w": 26, "h": 26 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:3 > div:1 > button:2 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "color": { "ours": "rgb(0, 0, 0)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(0, 0, 0)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 134, "y": 637, "w": 14, "h": 14 }, "ref": { "x": 1188, "y": 1067, "w": 14, "h": 14 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:3 > pre:2", "type": "style", "tag": "pre", "text": "background: linear-gradient(135deg, #1769D2 0%, #00A8C7 100%); opacity: 1;", "deltas": { "fontFamily": { "ours": "monospace", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "12px" }, "lineHeight": { "ours": "24px", "ref": "19.2px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "backgroundColor": { "ours": "rgba(0, 0, 0, 0)", "ref": "rgb(238, 241, 244)" }, "padding": { "ours": "0px", "ref": "14px" }, "margin": { "ours": "16px 0px", "ref": "12px 0px 0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "687.062px" }, "height": { "ours": "48px", "ref": "66.375px" }, "rect": { "ours": { "x": 0, "y": 674, "w": 1440, "h": 48 }, "ref": { "x": 521, "y": 1099, "w": 687, "h": 66 } } } }, { "path": "body > main:1 > footer:3", "type": "style", "tag": "footer", "text": "", "deltas": { "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "gap": { "ours": "16px", "ref": "normal" }, "padding": { "ours": "16px 57.6px", "ref": "16px 51.2px" }, "width": { "ours": "1440px", "ref": "1280px" }, "height": { "ours": "46px", "ref": "45px" }, "rect": { "ours": { "x": 0, "y": 738, "w": 1440, "h": 46 }, "ref": { "x": 0, "y": 1254, "w": 1280, "h": 45 } } } }, { "path": "body > main:1 > footer:3 > span:1", "type": "style", "tag": "span", "text": "easy-png-tools", "deltas": { "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "display": { "ours": "block", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "gap": { "ours": "normal", "ref": "7px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "142.812px", "ref": "116.984px" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 58, "y": 755, "w": 143, "h": 13 }, "ref": { "x": 51, "y": 1271, "w": 117, "h": 12 } } } }, { "path": "body > main:1 > footer:3 > span:1 > b:1", "type": "style", "tag": "b", "text": "v2.4.0", "deltas": { "fontWeight": { "ours": "700", "ref": "400" }, "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "color": { "ours": "rgb(109, 120, 131)", "ref": "rgb(23, 105, 210)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "33px" }, "height": { "ours": "auto", "ref": "12px" }, "rect": { "ours": { "x": 160, "y": 755, "w": 41, "h": 13 }, "ref": { "x": 135, "y": 1271, "w": 33, "h": 12 } } } }, { "path": "body > main:1 > footer:3 > span:2", "type": "style", "tag": "span", "text": "gradient tool · local-only", "deltas": { "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "display": { "ours": "block", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "gap": { "ours": "normal", "ref": "7px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "176.812px", "ref": "142.953px" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 683, "y": 755, "w": 177, "h": 13 }, "ref": { "x": 611, "y": 1271, "w": 143, "h": 12 } } } }, { "path": "body > main:1 > footer:3 > span:3", "type": "style", "tag": "span", "text": "© 2024", "deltas": { "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "display": { "ours": "block", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "gap": { "ours": "normal", "ref": "7px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "40.8125px", "ref": "33px" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 1342, "y": 755, "w": 41, "h": 13 }, "ref": { "x": 1196, "y": 1271, "w": 33, "h": 12 } } } } ], "tokenDiffs": { "light": [ { "key": "--danger", "ours": "#e5484d", "ref": "—" }, { "key": "--success", "ours": "#25a96a", "ref": "—" }, { "key": "--text-sm--line-height", "ours": "—", "ref": "calc(1.25 / .875)" }, { "key": "--text-xs--line-height", "ours": "—", "ref": "calc(1 / .75)" }, { "key": "--font-weight-medium", "ours": "—", "ref": "500" }, { "key": "--spacing", "ours": "—", "ref": ".25rem" }, { "key": "--text-xs", "ours": "—", "ref": ".75rem" }, { "key": "--radius-md", "ours": "—", "ref": ".375rem" }, { "key": "--radius-lg", "ours": "—", "ref": ".5rem" }, { "key": "--text-sm", "ours": "—", "ref": ".875rem" } ], "dark": [ { "key": "--panel", "ours": "#182129", "ref": "#f8fafb" }, { "key": "--blue", "ours": "#54a2ff", "ref": "#1769d2" }, { "key": "--muted", "ours": "#91a0ac", "ref": "#6d7883" }, { "key": "--background", "ours": "#11171d", "ref": "#eef1f4" }, { "key": "--danger", "ours": "#ff7479", "ref": "—" }, { "key": "--foreground", "ours": "#e8eef2", "ref": "#17212b" }, { "key": "--success", "ours": "#25a96a", "ref": "—" }, { "key": "--line", "ours": "#33414c", "ref": "#cbd3da" }, { "key": "--text-sm--line-height", "ours": "—", "ref": "calc(1.25 / .875)" }, { "key": "--text-xs--line-height", "ours": "—", "ref": "calc(1 / .75)" }, { "key": "--font-weight-medium", "ours": "—", "ref": "500" }, { "key": "--spacing", "ours": "—", "ref": ".25rem" }, { "key": "--text-xs", "ours": "—", "ref": ".75rem" }, { "key": "--radius-md", "ours": "—", "ref": ".375rem" }, { "key": "--radius-lg", "ours": "—", "ref": ".5rem" }, { "key": "--text-sm", "ours": "—", "ref": ".875rem" } ] }, "counts": { "tagMismatch": 0, "textMismatch": 0, "added": 0, "removed": 0, "styleDiffs": 103, "rectDiffs": 103, "fieldDiffs": 906, "tokenLight": 10, "tokenDark": 16 } }, { "route": "/preview/tools/remove-background-png", "ref": "background-remover.html", "deltas": [ { "path": "body", "type": "style", "tag": "body", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "1280px" }, "height": { "ours": "862.875px", "ref": "1049.39px" }, "rect": { "ours": { "x": 0, "y": 0, "w": 1440, "h": 863 }, "ref": { "x": 0, "y": 0, "w": 1280, "h": 1049 } } } }, { "path": "body > main:1", "type": "style", "tag": "main", "text": "", "deltas": { "backgroundColor": { "ours": "rgba(0, 0, 0, 0)", "ref": "rgb(238, 241, 244)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "1280px" }, "height": { "ours": "862.875px", "ref": "1049.39px" }, "rect": { "ours": { "x": 0, "y": 0, "w": 1440, "h": 863 }, "ref": { "x": 0, "y": 0, "w": 1280, "h": 1049 } } } }, { "path": "body > main:1 > header:1", "type": "style", "tag": "header", "text": "", "deltas": { "padding": { "ours": "0px 57.6px", "ref": "0px 51.2px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "1280px" }, "rect": { "ours": { "x": 0, "y": 0, "w": 1440, "h": 64 }, "ref": { "x": 0, "y": 0, "w": 1280, "h": 64 } } } }, { "path": "body > main:1 > header:1 > a:1", "type": "style", "tag": "a", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "311.609px", "ref": "291.75px" }, "rect": { "ours": { "x": 58, "y": 17, "w": 312, "h": 30 }, "ref": { "x": 51, "y": 17, "w": 292, "h": 30 } } } }, { "path": "body > main:1 > header:1 > a:1 > span:1", "type": "style", "tag": "span", "text": "EP", "deltas": { "borderTopColor": { "ours": "rgb(255, 255, 255)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 58, "y": 17, "w": 30, "h": 30 }, "ref": { "x": 51, "y": 17, "w": 30, "h": 30 } } } }, { "path": "body > main:1 > header:1 > a:1 > span:2", "type": "style", "tag": "span", "text": "easy-png-tools", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "117.609px", "ref": "107.766px" }, "height": { "ours": "18px", "ref": "17px" }, "rect": { "ours": { "x": 98, "y": 23, "w": 118, "h": 18 }, "ref": { "x": 91, "y": 23, "w": 108, "h": 17 } } } }, { "path": "body > main:1 > header:1 > a:1 > span:3", "type": "style", "tag": "span", "text": "/ BACKGROUND REMOVER", "deltas": { "borderTopColor": { "ours": "rgb(23, 105, 210)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "144px", "ref": "133.984px" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 225, "y": 25, "w": 144, "h": 13 }, "ref": { "x": 209, "y": 26, "w": 134, "h": 12 } } } }, { "path": "body > main:1 > header:1 > nav:2", "type": "style", "tag": "nav", "text": "", "deltas": { "gap": { "ours": "18px", "ref": "22px" }, "margin": { "ours": "0px 0px 0px 24px", "ref": "0px 28px 0px 283px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "376.594px", "ref": "296.938px" }, "height": { "ours": "15px", "ref": "12px" }, "rect": { "ours": { "x": 554, "y": 24, "w": 377, "h": 15 }, "ref": { "x": 626, "y": 26, "w": 297, "h": 12 } } } }, { "path": "body > main:1 > header:1 > nav:2 > a:1", "type": "style", "tag": "a", "text": "Workspace", "deltas": { "fontSize": { "ours": "12px", "ref": "10px" }, "letterSpacing": { "ours": "0.48px", "ref": "normal" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "69.125px", "ref": "49.4844px" }, "height": { "ours": "15px", "ref": "12px" }, "rect": { "ours": { "x": 554, "y": 24, "w": 69, "h": 15 }, "ref": { "x": 626, "y": 26, "w": 49, "h": 12 } } } }, { "path": "body > main:1 > header:1 > nav:2 > a:2", "type": "style", "tag": "a", "text": "Catalog", "deltas": { "fontSize": { "ours": "12px", "ref": "10px" }, "letterSpacing": { "ours": "0.48px", "ref": "normal" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "53.7656px", "ref": "38.5px" }, "height": { "ours": "15px", "ref": "12px" }, "rect": { "ours": { "x": 641, "y": 24, "w": 54, "h": 15 }, "ref": { "x": 697, "y": 26, "w": 39, "h": 12 } } } }, { "path": "body > main:1 > header:1 > nav:2 > a:3", "type": "style", "tag": "a", "text": "Gradient", "deltas": { "fontSize": { "ours": "12px", "ref": "10px" }, "letterSpacing": { "ours": "0.48px", "ref": "normal" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "61.4531px", "ref": "43.9844px" }, "height": { "ours": "15px", "ref": "12px" }, "rect": { "ours": { "x": 713, "y": 24, "w": 61, "h": 15 }, "ref": { "x": 758, "y": 26, "w": 44, "h": 12 } } } }, { "path": "body > main:1 > header:1 > nav:2 > a:4", "type": "style", "tag": "a", "text": "Background remover", "deltas": { "fontSize": { "ours": "12px", "ref": "10px" }, "letterSpacing": { "ours": "0.48px", "ref": "normal" }, "color": { "ours": "rgb(109, 120, 131)", "ref": "rgb(23, 105, 210)" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "138.25px", "ref": "98.9688px" }, "height": { "ours": "15px", "ref": "12px" }, "rect": { "ours": { "x": 792, "y": 24, "w": 138, "h": 15 }, "ref": { "x": 824, "y": 26, "w": 99, "h": 12 } } } }, { "path": "body > main:1 > header:1 > div:3", "type": "style", "tag": "div", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "291.406px", "ref": "277.938px" }, "height": { "ours": "28px", "ref": "29px" }, "rect": { "ours": { "x": 1091, "y": 18, "w": 291, "h": 28 }, "ref": { "x": 951, "y": 17, "w": 278, "h": 29 } } } }, { "path": "body > main:1 > header:1 > div:3 > span:1", "type": "style", "tag": "span", "text": "AUTO PROCESSING", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "117px", "ref": "107.484px" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 1091, "y": 25, "w": 117, "h": 13 }, "ref": { "x": 951, "y": 26, "w": 107, "h": 12 } } } }, { "path": "body > main:1 > header:1 > div:3 > span:1 > i:1", "type": "style", "tag": "i", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "8px", "ref": "6px" }, "height": { "ours": "8px", "ref": "6px" }, "boxShadow": { "ours": "color(srgb 0.145098 0.662745 0.415686 / 0.25) 0px 0px 0px 2px", "ref": "none" }, "rect": { "ours": { "x": 1091, "y": 28, "w": 8, "h": 8 }, "ref": { "x": 951, "y": 29, "w": 6, "h": 6 } } } }, { "path": "body > main:1 > header:1 > div:3 > button:2", "type": "style", "tag": "button", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "display": { "ours": "flex", "ref": "grid" }, "justifyContent": { "ours": "center", "ref": "normal" }, "gridTemplateColumns": { "ours": "none", "ref": "17px" }, "width": { "ours": "28px", "ref": "29px" }, "height": { "ours": "28px", "ref": "29px" }, "rect": { "ours": { "x": 1224, "y": 18, "w": 28, "h": 28 }, "ref": { "x": 1074, "y": 17, "w": 29, "h": 29 } } } }, { "path": "body > main:1 > header:1 > div:3 > button:2 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "16px", "ref": "17px" }, "height": { "ours": "16px", "ref": "17px" }, "rect": { "ours": { "x": 1230, "y": 24, "w": 16, "h": 16 }, "ref": { "x": 1080, "y": 23, "w": 17, "h": 17 } } } }, { "path": "body > main:1 > header:1 > div:3 > button:3", "type": "style", "tag": "button", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "display": { "ours": "flex", "ref": "grid" }, "justifyContent": { "ours": "center", "ref": "normal" }, "gridTemplateColumns": { "ours": "none", "ref": "17px" }, "width": { "ours": "28px", "ref": "29px" }, "height": { "ours": "28px", "ref": "29px" }, "rect": { "ours": { "x": 1268, "y": 18, "w": 28, "h": 28 }, "ref": { "x": 1119, "y": 17, "w": 29, "h": 29 } } } }, { "path": "body > main:1 > header:1 > div:3 > button:3 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "16px", "ref": "17px" }, "height": { "ours": "16px", "ref": "17px" }, "rect": { "ours": { "x": 1274, "y": 24, "w": 16, "h": 16 }, "ref": { "x": 1125, "y": 23, "w": 17, "h": 17 } } } }, { "path": "body > main:1 > header:1 > div:3 > div:4", "type": "style", "tag": "div", "text": "", "deltas": { "alignItems": { "ours": "normal", "ref": "center" }, "borderRadius": { "ours": "4px", "ref": "0px" }, "width": { "ours": "70.4062px", "ref": "64.4531px" }, "height": { "ours": "27px", "ref": "26px" }, "rect": { "ours": { "x": 1312, "y": 18, "w": 70, "h": 27 }, "ref": { "x": 1164, "y": 19, "w": 64, "h": 26 } } } }, { "path": "body > main:1 > header:1 > div:3 > div:4 > button:1", "type": "style", "tag": "button", "text": "RU", "deltas": { "letterSpacing": { "ours": "0.6px", "ref": "normal" }, "width": { "ours": "31.2031px", "ref": "29px" }, "height": { "ours": "25px", "ref": "24px" }, "rect": { "ours": { "x": 1313, "y": 19, "w": 31, "h": 25 }, "ref": { "x": 1165, "y": 20, "w": 29, "h": 24 } } } }, { "path": "body > main:1 > header:1 > div:3 > div:4 > span:2", "type": "style", "tag": "span", "text": "/", "deltas": { "fontFamily": { "ours": "\"IBM Plex Mono\", monospace", "ref": "\"IBM Plex Sans\", sans-serif" }, "fontSize": { "ours": "10px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "color": { "ours": "rgb(109, 120, 131)", "ref": "rgb(23, 33, 43)" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "6px", "ref": "4.45312px" }, "height": { "ours": "13px", "ref": "24px" }, "rect": { "ours": { "x": 1344, "y": 25, "w": 6, "h": 13 }, "ref": { "x": 1194, "y": 20, "w": 4, "h": 24 } } } }, { "path": "body > main:1 > header:1 > div:3 > div:4 > button:3", "type": "style", "tag": "button", "text": "EN", "deltas": { "letterSpacing": { "ours": "0.6px", "ref": "normal" }, "width": { "ours": "31.2031px", "ref": "29px" }, "height": { "ours": "25px", "ref": "24px" }, "rect": { "ours": { "x": 1350, "y": 19, "w": 31, "h": 25 }, "ref": { "x": 1199, "y": 20, "w": 29, "h": 24 } } } }, { "path": "body > main:1 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "padding": { "ours": "0px", "ref": "60px 51.2px 72px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "1280px" }, "height": { "ours": "752.875px", "ref": "940.391px" }, "rect": { "ours": { "x": 0, "y": 64, "w": 1440, "h": 753 }, "ref": { "x": 0, "y": 64, "w": 1280, "h": 940 } } } }, { "path": "body > main:1 > div:2 > div:1", "type": "style", "tag": "div", "text": "PNG PROCESSING SINGLE TOOL", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1.2px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "margin": { "ours": "0px", "ref": "0px 0px 18px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "1177.62px" }, "height": { "ours": "24px", "ref": "12px" }, "rect": { "ours": { "x": 0, "y": 64, "w": 1440, "h": 24 }, "ref": { "x": 51, "y": 124, "w": 1178, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:1 > span:1", "type": "style", "tag": "span", "text": "/", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1.2px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "margin": { "ours": "0px", "ref": "0px 7px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 137, "y": 66, "w": 6, "h": 20 }, "ref": { "x": 159, "y": 124, "w": 13, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "block", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "end" }, "justifyContent": { "ours": "normal", "ref": "space-between" }, "gap": { "ours": "normal", "ref": "32px" }, "margin": { "ours": "0px", "ref": "0px 0px 48px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "1177.62px" }, "height": { "ours": "133.438px", "ref": "116.391px" }, "rect": { "ours": { "x": 0, "y": 109, "w": 1440, "h": 133 }, "ref": { "x": 51, "y": 154, "w": 1178, "h": 116 } } } }, { "path": "body > main:1 > div:2 > div:2 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "550px" }, "height": { "ours": "93.4375px", "ref": "116.391px" }, "rect": { "ours": { "x": 0, "y": 109, "w": 1440, "h": 93 }, "ref": { "x": 51, "y": 154, "w": 550, "h": 116 } } } }, { "path": "body > main:1 > div:2 > div:2 > div:1 > h1:1", "type": "style", "tag": "h1", "text": "Remove background.", "deltas": { "fontSize": { "ours": "32px", "ref": "51.2px" }, "fontWeight": { "ours": "700", "ref": "650" }, "lineHeight": { "ours": "48px", "ref": "51.2px" }, "letterSpacing": { "ours": "normal", "ref": "-3.072px" }, "margin": { "ours": "21.44px 0px", "ref": "0px 0px 14px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "550px" }, "height": { "ours": "48px", "ref": "51.2031px" }, "rect": { "ours": { "x": 0, "y": 109, "w": 1440, "h": 48 }, "ref": { "x": 51, "y": 154, "w": 550, "h": 51 } } } }, { "path": "body > main:1 > div:2 > div:2 > div:1 > p:2", "type": "style", "tag": "p", "text": "Select a background color and tune the edge detection. Changes are processed automatically in your browser.", "deltas": { "lineHeight": { "ours": "24px", "ref": "25.6px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "margin": { "ours": "16px 0px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "550px" }, "height": { "ours": "24px", "ref": "51.1875px" }, "rect": { "ours": { "x": 0, "y": 179, "w": 1440, "h": 24 }, "ref": { "x": 51, "y": 219, "w": 550, "h": 51 } } } }, { "path": "body > main:1 > div:2 > div:2 > span:2", "type": "style", "tag": "span", "text": "LIVE PREVIEW", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(37, 169, 106)" }, "display": { "ours": "inline", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "gap": { "ours": "normal", "ref": "8px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "79.9844px" }, "height": { "ours": "auto", "ref": "12px" }, "rect": { "ours": { "x": 0, "y": 221, "w": 106, "h": 20 }, "ref": { "x": 1149, "y": 258, "w": 80, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:2 > span:2 > i:1", "type": "style", "tag": "i", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(37, 169, 106)" }, "backgroundColor": { "ours": "rgba(0, 0, 0, 0)", "ref": "rgb(37, 169, 106)" }, "display": { "ours": "inline", "ref": "block" }, "borderRadius": { "ours": "0px", "ref": "50%" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "6px" }, "height": { "ours": "auto", "ref": "6px" }, "rect": { "ours": { "x": 0, "y": 221, "w": 0, "h": 20 }, "ref": { "x": 1149, "y": 261, "w": 6, "h": 6 } } } }, { "path": "body > main:1 > div:2 > div:3", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "block", "ref": "grid" }, "alignItems": { "ours": "normal", "ref": "start" }, "gap": { "ours": "normal", "ref": "56px" }, "gridTemplateColumns": { "ours": "none", "ref": "360px 761.625px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "1177.62px" }, "height": { "ours": "574px", "ref": "614px" }, "rect": { "ours": { "x": 0, "y": 243, "w": 1440, "h": 574 }, "ref": { "x": 51, "y": 318, "w": 1178, "h": 614 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1", "type": "style", "tag": "section", "text": "", "deltas": { "backgroundColor": { "ours": "rgba(0, 0, 0, 0)", "ref": "rgb(248, 250, 251)" }, "borderTopWidth": { "ours": "0px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "360px" }, "height": { "ours": "357px", "ref": "559px" }, "rect": { "ours": { "x": 0, "y": 243, "w": 1440, "h": 357 }, "ref": { "x": 51, "y": 318, "w": 360, "h": 559 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "block", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "justifyContent": { "ours": "normal", "ref": "space-between" }, "padding": { "ours": "0px", "ref": "18px 20px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "358px" }, "height": { "ours": "48px", "ref": "83px" }, "rect": { "ours": { "x": 0, "y": 243, "w": 1440, "h": 48 }, "ref": { "x": 52, "y": 319, "w": 358, "h": 83 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:1 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "146.25px" }, "height": { "ours": "24px", "ref": "46px" }, "rect": { "ours": { "x": 0, "y": 243, "w": 1440, "h": 24 }, "ref": { "x": 72, "y": 337, "w": 146, "h": 46 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:1 > div:1 > span:1", "type": "style", "tag": "span", "text": "REMOVER SETTINGS", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1.2px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 0, "y": 245, "w": 152, "h": 20 }, "ref": { "x": 72, "y": 345, "w": 107, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:1 > div:1 > strong:2", "type": "style", "tag": "strong", "text": "Configure detection", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "14px" }, "fontWeight": { "ours": "700", "ref": "600" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "display": { "ours": "inline", "ref": "block" }, "margin": { "ours": "0px", "ref": "5px 0px 0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "146.25px" }, "height": { "ours": "auto", "ref": "17px" }, "rect": { "ours": { "x": 156, "y": 245, "w": 148, "h": 20 }, "ref": { "x": 72, "y": 366, "w": 146, "h": 17 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:1 > span:2", "type": "style", "tag": "span", "text": "TOOL 02", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1.2px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "46.8906px" }, "height": { "ours": "auto", "ref": "12px" }, "rect": { "ours": { "x": 0, "y": 269, "w": 62, "h": 20 }, "ref": { "x": 343, "y": 354, "w": 47, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "padding": { "ours": "0px", "ref": "22px 20px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "358px" }, "height": { "ours": "76px", "ref": "123px" }, "rect": { "ours": { "x": 0, "y": 291, "w": 1440, "h": 76 }, "ref": { "x": 52, "y": 402, "w": 358, "h": 123 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > label:1", "type": "style", "tag": "label", "text": "BACKGROUND COLOR", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "inline", "ref": "flex" }, "justifyContent": { "ours": "normal", "ref": "space-between" }, "margin": { "ours": "0px", "ref": "0px 0px 12px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "318px" }, "height": { "ours": "auto", "ref": "12px" }, "rect": { "ours": { "x": 0, "y": 293, "w": 159, "h": 20 }, "ref": { "x": 72, "y": 424, "w": 318, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "block", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "gap": { "ours": "normal", "ref": "8px" }, "padding": { "ours": "0px", "ref": "0px 8px" }, "borderTopWidth": { "ours": "0px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "318px" }, "height": { "ours": "28px", "ref": "32px" }, "rect": { "ours": { "x": 0, "y": 315, "w": 1440, "h": 28 }, "ref": { "x": 72, "y": 448, "w": 318, "h": 32 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > div:2 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "display": { "ours": "inline", "ref": "block" }, "borderTopWidth": { "ours": "0px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "14px" }, "height": { "ours": "auto", "ref": "14px" }, "rect": { "ours": { "x": 0, "y": 320, "w": 0, "h": 20 }, "ref": { "x": 81, "y": 457, "w": 14, "h": 14 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > div:2 > input:2", "type": "style", "tag": "input", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "13.3333px", "ref": "11px" }, "color": { "ours": "rgb(0, 0, 0)", "ref": "rgb(23, 33, 43)" }, "backgroundColor": { "ours": "rgb(255, 255, 255)", "ref": "rgba(0, 0, 0, 0)" }, "display": { "ours": "inline-block", "ref": "block" }, "padding": { "ours": "1px 2px", "ref": "0px" }, "borderTopWidth": { "ours": "2px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(118, 118, 118)", "ref": "rgb(23, 33, 43)" }, "borderTopStyle": { "ours": "inset", "ref": "none" }, "width": { "ours": "157px", "ref": "135px" }, "height": { "ours": "24px", "ref": "13px" }, "rect": { "ours": { "x": 0, "y": 319, "w": 157, "h": 24 }, "ref": { "x": 103, "y": 458, "w": 135, "h": 13 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > div:2 > input:3", "type": "style", "tag": "input", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "13.3333px", "ref": "11px" }, "color": { "ours": "rgb(0, 0, 0)", "ref": "rgb(23, 33, 43)" }, "backgroundColor": { "ours": "rgb(240, 240, 240)", "ref": "rgba(0, 0, 0, 0)" }, "display": { "ours": "inline-block", "ref": "block" }, "padding": { "ours": "1px 2px", "ref": "0px" }, "borderTopWidth": { "ours": "1px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(0, 0, 0)", "ref": "rgb(23, 33, 43)" }, "borderTopStyle": { "ours": "solid", "ref": "none" }, "width": { "ours": "50px", "ref": "135px" }, "rect": { "ours": { "x": 161, "y": 315, "w": 50, "h": 27 }, "ref": { "x": 246, "y": 451, "w": 135, "h": 27 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > div:3", "type": "style", "tag": "div", "text": "sampled from image background", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "block", "ref": "flex" }, "justifyContent": { "ours": "normal", "ref": "flex-start" }, "gap": { "ours": "normal", "ref": "8px" }, "margin": { "ours": "0px", "ref": "10px 0px 0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "318px" }, "height": { "ours": "24px", "ref": "12px" }, "rect": { "ours": { "x": 0, "y": 343, "w": 1440, "h": 24 }, "ref": { "x": 72, "y": 490, "w": 318, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:2 > div:3 > span:1", "type": "style", "tag": "span", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopWidth": { "ours": "0px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "9px" }, "height": { "ours": "auto", "ref": "9px" }, "rect": { "ours": { "x": 0, "y": 345, "w": 0, "h": 20 }, "ref": { "x": 72, "y": 490, "w": 9, "h": 9 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:3", "type": "style", "tag": "div", "text": "", "deltas": { "padding": { "ours": "0px", "ref": "22px 20px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "358px" }, "height": { "ours": "48px", "ref": "115px" }, "rect": { "ours": { "x": 0, "y": 367, "w": 1440, "h": 48 }, "ref": { "x": 52, "y": 525, "w": 358, "h": 115 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:3 > label:1", "type": "style", "tag": "label", "text": "COLOR SIMILARITY", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "inline", "ref": "flex" }, "justifyContent": { "ours": "normal", "ref": "space-between" }, "margin": { "ours": "0px", "ref": "0px 0px 12px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "318px" }, "height": { "ours": "auto", "ref": "12px" }, "rect": { "ours": { "x": 0, "y": 369, "w": 184, "h": 20 }, "ref": { "x": 72, "y": 547, "w": 318, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:3 > label:1 > output:1", "type": "style", "tag": "output", "text": "72 %", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "26px" }, "height": { "ours": "auto", "ref": "12px" }, "rect": { "ours": { "x": 147, "y": 369, "w": 38, "h": 20 }, "ref": { "x": 364, "y": 547, "w": 26, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:3 > input:2", "type": "style", "tag": "input", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "16px" }, "lineHeight": { "ours": "normal", "ref": "24px" }, "color": { "ours": "rgb(16, 16, 16)", "ref": "rgb(23, 33, 43)" }, "backgroundColor": { "ours": "rgb(255, 255, 255)", "ref": "rgba(0, 0, 0, 0)" }, "margin": { "ours": "2px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(16, 16, 16)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 190, "y": 369, "w": 129, "h": 16 }, "ref": { "x": 72, "y": 572, "w": 129, "h": 16 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:3 > div:3", "type": "style", "tag": "div", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "block", "ref": "flex" }, "justifyContent": { "ours": "normal", "ref": "space-between" }, "margin": { "ours": "0px", "ref": "10px 0px 0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "318px" }, "height": { "ours": "24px", "ref": "12px" }, "rect": { "ours": { "x": 0, "y": 391, "w": 1440, "h": 24 }, "ref": { "x": 72, "y": 605, "w": 318, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:3 > div:3 > span:1", "type": "style", "tag": "span", "text": "strict edges", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "65.9844px" }, "height": { "ours": "auto", "ref": "12px" }, "rect": { "ours": { "x": 0, "y": 393, "w": 84, "h": 20 }, "ref": { "x": 72, "y": 605, "w": 66, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:3 > div:3 > span:2", "type": "style", "tag": "span", "text": "more removal", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "65.9844px" }, "height": { "ours": "auto", "ref": "12px" }, "rect": { "ours": { "x": 87, "y": 393, "w": 99, "h": 20 }, "ref": { "x": 324, "y": 605, "w": 66, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:4", "type": "style", "tag": "div", "text": "", "deltas": { "padding": { "ours": "0px", "ref": "22px 20px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "358px" }, "height": { "ours": "64px", "ref": "93px" }, "rect": { "ours": { "x": 0, "y": 415, "w": 1440, "h": 64 }, "ref": { "x": 52, "y": 640, "w": 358, "h": 93 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:4 > label:1", "type": "style", "tag": "label", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "inline", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "justifyContent": { "ours": "normal", "ref": "space-between" }, "margin": { "ours": "0px", "ref": "0px 0px 12px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "318px" }, "height": { "ours": "auto", "ref": "18px" }, "rect": { "ours": { "x": 0, "y": 417, "w": 148, "h": 20 }, "ref": { "x": 72, "y": 662, "w": 318, "h": 18 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:4 > label:1 > span:1", "type": "style", "tag": "span", "text": "OUTER COLOR ONLY", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "103.969px" }, "height": { "ours": "auto", "ref": "12px" }, "rect": { "ours": { "x": 0, "y": 417, "w": 148, "h": 20 }, "ref": { "x": 72, "y": 665, "w": 104, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:4 > label:1 > b:2", "type": "style", "tag": "b", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "backgroundColor": { "ours": "rgba(0, 0, 0, 0)", "ref": "rgb(23, 105, 210)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopWidth": { "ours": "0px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "32px" }, "height": { "ours": "auto", "ref": "18px" }, "rect": { "ours": { "x": 148, "y": 417, "w": 0, "h": 20 }, "ref": { "x": 358, "y": 662, "w": 32, "h": 18 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:4 > p:2", "type": "style", "tag": "p", "text": "Only remove connected background pixels from the edges.", "deltas": { "fontSize": { "ours": "16px", "ref": "12px" }, "lineHeight": { "ours": "24px", "ref": "18px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "margin": { "ours": "16px 0px", "ref": "8px 0px 0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "318px" }, "height": { "ours": "24px", "ref": "18px" }, "rect": { "ours": { "x": 0, "y": 455, "w": 1440, "h": 24 }, "ref": { "x": 72, "y": 692, "w": 318, "h": 18 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:5", "type": "style", "tag": "div", "text": "", "deltas": { "padding": { "ours": "0px", "ref": "22px 20px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "358px" }, "height": { "ours": "64px", "ref": "93px" }, "rect": { "ours": { "x": 0, "y": 495, "w": 1440, "h": 64 }, "ref": { "x": 52, "y": 733, "w": 358, "h": 93 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:5 > label:1", "type": "style", "tag": "label", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "inline", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "justifyContent": { "ours": "normal", "ref": "space-between" }, "margin": { "ours": "0px", "ref": "0px 0px 12px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "318px" }, "height": { "ours": "auto", "ref": "18px" }, "rect": { "ours": { "x": 0, "y": 497, "w": 93, "h": 20 }, "ref": { "x": 72, "y": 755, "w": 318, "h": 18 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:5 > label:1 > span:1", "type": "style", "tag": "span", "text": "SHOW MASK", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "58.4844px" }, "height": { "ours": "auto", "ref": "12px" }, "rect": { "ours": { "x": 0, "y": 497, "w": 93, "h": 20 }, "ref": { "x": 72, "y": 758, "w": 58, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:5 > label:1 > b:2", "type": "style", "tag": "b", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopWidth": { "ours": "0px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "32px" }, "height": { "ours": "auto", "ref": "18px" }, "rect": { "ours": { "x": 93, "y": 497, "w": 0, "h": 20 }, "ref": { "x": 358, "y": 755, "w": 32, "h": 18 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:5 > p:2", "type": "style", "tag": "p", "text": "Preview the detected transparency mask.", "deltas": { "fontSize": { "ours": "16px", "ref": "12px" }, "lineHeight": { "ours": "24px", "ref": "18px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "margin": { "ours": "16px 0px", "ref": "8px 0px 0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "318px" }, "height": { "ours": "24px", "ref": "18px" }, "rect": { "ours": { "x": 0, "y": 535, "w": 1440, "h": 24 }, "ref": { "x": 72, "y": 785, "w": 318, "h": 18 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:6", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "block", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "justifyContent": { "ours": "normal", "ref": "space-between" }, "padding": { "ours": "0px", "ref": "16px 20px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "358px" }, "height": { "ours": "25px", "ref": "50px" }, "rect": { "ours": { "x": 0, "y": 575, "w": 1440, "h": 25 }, "ref": { "x": 52, "y": 826, "w": 358, "h": 50 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:6 > button:1", "type": "style", "tag": "button", "text": "Reset", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "12px" }, "lineHeight": { "ours": "normal", "ref": "18px" }, "color": { "ours": "rgb(0, 0, 0)", "ref": "rgb(23, 105, 210)" }, "backgroundColor": { "ours": "rgb(240, 240, 240)", "ref": "rgba(0, 0, 0, 0)" }, "display": { "ours": "inline-block", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "gap": { "ours": "normal", "ref": "7px" }, "padding": { "ours": "1px 6px", "ref": "0px" }, "borderTopWidth": { "ours": "2px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(0, 0, 0)", "ref": "rgb(23, 105, 210)" }, "borderTopStyle": { "ours": "outset", "ref": "none" }, "width": { "ours": "67.2969px", "ref": "52.3594px" }, "height": { "ours": "24px", "ref": "18px" }, "rect": { "ours": { "x": 0, "y": 576, "w": 67, "h": 24 }, "ref": { "x": 72, "y": 842, "w": 52, "h": 18 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:6 > button:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "fontSize": { "ours": "13.3333px", "ref": "12px" }, "lineHeight": { "ours": "normal", "ref": "18px" }, "color": { "ours": "rgb(0, 0, 0)", "ref": "rgb(23, 105, 210)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(0, 0, 0)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 8, "y": 579, "w": 14, "h": 14 }, "ref": { "x": 72, "y": 844, "w": 14, "h": 14 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:6 > span:2", "type": "style", "tag": "span", "text": "updates automatically", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "11px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "inline", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "gap": { "ours": "normal", "ref": "8px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "141.016px" }, "height": { "ours": "auto", "ref": "13px" }, "rect": { "ours": { "x": 71, "y": 577, "w": 159, "h": 20 }, "ref": { "x": 249, "y": 845, "w": 141, "h": 13 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:1 > div:6 > span:2 > i:1", "type": "style", "tag": "i", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "11px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "backgroundColor": { "ours": "rgba(0, 0, 0, 0)", "ref": "rgb(37, 169, 106)" }, "display": { "ours": "inline", "ref": "block" }, "borderRadius": { "ours": "0px", "ref": "50%" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "6px" }, "height": { "ours": "auto", "ref": "6px" }, "rect": { "ours": { "x": 71, "y": 577, "w": 0, "h": 20 }, "ref": { "x": 249, "y": 848, "w": 6, "h": 6 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2", "type": "style", "tag": "section", "text": "", "deltas": { "backgroundColor": { "ours": "rgba(0, 0, 0, 0)", "ref": "rgb(248, 250, 251)" }, "borderTopWidth": { "ours": "0px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "761.625px" }, "height": { "ours": "217px", "ref": "614px" }, "rect": { "ours": { "x": 0, "y": 600, "w": 1440, "h": 217 }, "ref": { "x": 467, "y": 318, "w": 762, "h": 614 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "block", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "justifyContent": { "ours": "normal", "ref": "space-between" }, "padding": { "ours": "0px", "ref": "18px 20px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "759.625px" }, "height": { "ours": "49px", "ref": "121px" }, "rect": { "ours": { "x": 0, "y": 600, "w": 1440, "h": 49 }, "ref": { "x": 468, "y": 319, "w": 760, "h": 121 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:1 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "107.766px" }, "height": { "ours": "24px", "ref": "46px" }, "rect": { "ours": { "x": 0, "y": 600, "w": 1440, "h": 24 }, "ref": { "x": 488, "y": 356, "w": 108, "h": 46 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:1 > div:1 > span:1", "type": "style", "tag": "span", "text": "SOURCE / RESULT", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "letterSpacing": { "ours": "normal", "ref": "1.2px" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 0, "y": 602, "w": 130, "h": 20 }, "ref": { "x": 488, "y": 364, "w": 100, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:1 > div:1 > strong:2", "type": "style", "tag": "strong", "text": "comparison.png", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "14px" }, "fontWeight": { "ours": "700", "ref": "600" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "display": { "ours": "inline", "ref": "block" }, "margin": { "ours": "0px", "ref": "5px 0px 0px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "107.766px" }, "height": { "ours": "auto", "ref": "17px" }, "rect": { "ours": { "x": 134, "y": 602, "w": 121, "h": 20 }, "ref": { "x": 488, "y": 385, "w": 108, "h": 17 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:1 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "block", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "justifyContent": { "ours": "normal", "ref": "flex-end" }, "gap": { "ours": "normal", "ref": "10px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "193.203px" }, "height": { "ours": "25px", "ref": "84px" }, "rect": { "ours": { "x": 0, "y": 624, "w": 1440, "h": 25 }, "ref": { "x": 1015, "y": 337, "w": 193, "h": 84 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:1 > div:2 > span:1", "type": "style", "tag": "span", "text": "processed", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(37, 169, 106)" }, "display": { "ours": "inline", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "gap": { "ours": "normal", "ref": "5px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "68.4844px" }, "height": { "ours": "auto", "ref": "14px" }, "rect": { "ours": { "x": 0, "y": 626, "w": 92, "h": 20 }, "ref": { "x": 1139, "y": 337, "w": 68, "h": 14 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:1 > div:2 > span:1 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(37, 169, 106)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 0, "y": 628, "w": 14, "h": 14 }, "ref": { "x": 1139, "y": 337, "w": 14, "h": 14 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:1 > div:2 > button:2", "type": "style", "tag": "button", "text": "Download result", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "13.3333px", "ref": "11px" }, "color": { "ours": "rgb(0, 0, 0)", "ref": "rgb(255, 255, 255)" }, "backgroundColor": { "ours": "rgb(240, 240, 240)", "ref": "rgb(23, 105, 210)" }, "display": { "ours": "inline-block", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "justifyContent": { "ours": "normal", "ref": "center" }, "gap": { "ours": "normal", "ref": "9px" }, "padding": { "ours": "1px 6px", "ref": "0px" }, "margin": { "ours": "0px", "ref": "18px 0px 0px" }, "borderTopWidth": { "ours": "2px", "ref": "0px" }, "borderTopColor": { "ours": "rgb(0, 0, 0)", "ref": "rgb(255, 255, 255)" }, "borderTopStyle": { "ours": "outset", "ref": "none" }, "width": { "ours": "131.828px", "ref": "193.203px" }, "height": { "ours": "25px", "ref": "42px" }, "rect": { "ours": { "x": 96, "y": 624, "w": 132, "h": 25 }, "ref": { "x": 1015, "y": 379, "w": 193, "h": 42 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:1 > div:2 > button:2 > svg:1", "type": "style", "tag": "svg", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "13.3333px", "ref": "11px" }, "color": { "ours": "rgb(0, 0, 0)", "ref": "rgb(255, 255, 255)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(0, 0, 0)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 104, "y": 627, "w": 15, "h": 15 }, "ref": { "x": 1054, "y": 393, "w": 15, "h": 15 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "block", "ref": "grid" }, "gap": { "ours": "normal", "ref": "18px" }, "gridTemplateColumns": { "ours": "none", "ref": "350.812px 350.812px" }, "padding": { "ours": "0px", "ref": "20px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "759.625px" }, "height": { "ours": "144px", "ref": "446px" }, "rect": { "ours": { "x": 0, "y": 649, "w": 1440, "h": 144 }, "ref": { "x": 468, "y": 440, "w": 760, "h": 446 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "350.812px" }, "height": { "ours": "72px", "ref": "406px" }, "rect": { "ours": { "x": 0, "y": 649, "w": 1440, "h": 72 }, "ref": { "x": 488, "y": 460, "w": 351, "h": 406 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > div:1 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "block", "ref": "flex" }, "justifyContent": { "ours": "normal", "ref": "space-between" }, "margin": { "ours": "0px", "ref": "0px 0px 10px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "350.812px" }, "height": { "ours": "24px", "ref": "12px" }, "rect": { "ours": { "x": 0, "y": 649, "w": 1440, "h": 24 }, "ref": { "x": 488, "y": 460, "w": 351, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > div:1 > div:1 > span:1", "type": "style", "tag": "span", "text": "SOURCE", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "33px" }, "height": { "ours": "auto", "ref": "12px" }, "rect": { "ours": { "x": 0, "y": 651, "w": 61, "h": 20 }, "ref": { "x": 488, "y": 460, "w": 33, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > div:1 > div:1 > b:2", "type": "style", "tag": "b", "text": "original.png", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "fontWeight": { "ours": "700", "ref": "400" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "65.9844px" }, "height": { "ours": "auto", "ref": "12px" }, "rect": { "ours": { "x": 61, "y": 651, "w": 90, "h": 20 }, "ref": { "x": 773, "y": 460, "w": 66, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > div:1 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "backgroundColor": { "ours": "rgba(0, 0, 0, 0)", "ref": "rgb(232, 238, 242)" }, "display": { "ours": "block", "ref": "grid" }, "alignItems": { "ours": "normal", "ref": "center" }, "gridTemplateColumns": { "ours": "none", "ref": "348.812px" }, "borderTopWidth": { "ours": "0px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "350.812px" }, "height": { "ours": "48px", "ref": "384px" }, "rect": { "ours": { "x": 0, "y": 673, "w": 1440, "h": 48 }, "ref": { "x": 488, "y": 482, "w": 351, "h": 384 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > div:1 > div:2 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "14px" }, "fontWeight": { "ours": "400", "ref": "600" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgba(255, 255, 255, 0.85)" }, "display": { "ours": "block", "ref": "grid" }, "alignItems": { "ours": "normal", "ref": "center" }, "gridTemplateColumns": { "ours": "none", "ref": "258.109px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "258.109px" }, "height": { "ours": "24px", "ref": "259.75px" }, "rect": { "ours": { "x": 0, "y": 673, "w": 1440, "h": 24 }, "ref": { "x": 528, "y": 538, "w": 271, "h": 273 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > div:1 > div:2 > div:1 > span:1", "type": "style", "tag": "span", "text": "OBJECT", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "14px" }, "fontWeight": { "ours": "400", "ref": "600" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgba(255, 255, 255, 0.85)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "46.1875px" }, "height": { "ours": "auto", "ref": "17px" }, "rect": { "ours": { "x": 0, "y": 675, "w": 58, "h": 20 }, "ref": { "x": 640, "y": 665, "w": 47, "h": 19 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > div:1 > div:2 > span:2", "type": "style", "tag": "span", "text": "1200 × 800", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "9px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "49.4844px" }, "height": { "ours": "auto", "ref": "10px" }, "rect": { "ours": { "x": 0, "y": 699, "w": 84, "h": 20 }, "ref": { "x": 779, "y": 846, "w": 49, "h": 10 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "350.812px" }, "height": { "ours": "72px", "ref": "406px" }, "rect": { "ours": { "x": 0, "y": 721, "w": 1440, "h": 72 }, "ref": { "x": 857, "y": 460, "w": 351, "h": 406 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > div:2 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "block", "ref": "flex" }, "justifyContent": { "ours": "normal", "ref": "space-between" }, "margin": { "ours": "0px", "ref": "0px 0px 10px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "350.812px" }, "height": { "ours": "24px", "ref": "12px" }, "rect": { "ours": { "x": 0, "y": 721, "w": 1440, "h": 24 }, "ref": { "x": 857, "y": 460, "w": 351, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > div:2 > div:1 > span:1", "type": "style", "tag": "span", "text": "RESULT", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(23, 105, 210)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "33px" }, "height": { "ours": "auto", "ref": "12px" }, "rect": { "ours": { "x": 0, "y": 723, "w": 56, "h": 20 }, "ref": { "x": 857, "y": 460, "w": 33, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > div:2 > div:1 > b:2", "type": "style", "tag": "b", "text": "removed-bg.png", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "fontWeight": { "ours": "700", "ref": "400" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "76.9844px" }, "height": { "ours": "auto", "ref": "12px" }, "rect": { "ours": { "x": 56, "y": 723, "w": 124, "h": 20 }, "ref": { "x": 1131, "y": 460, "w": 77, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > div:2 > div:2", "type": "style", "tag": "div", "text": "", "deltas": { "display": { "ours": "block", "ref": "grid" }, "alignItems": { "ours": "normal", "ref": "center" }, "gridTemplateColumns": { "ours": "none", "ref": "348.812px" }, "borderTopWidth": { "ours": "0px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "350.812px" }, "height": { "ours": "48px", "ref": "384px" }, "rect": { "ours": { "x": 0, "y": 745, "w": 1440, "h": 48 }, "ref": { "x": 857, "y": 482, "w": 351, "h": 384 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > div:2 > div:2 > div:1", "type": "style", "tag": "div", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "14px" }, "fontWeight": { "ours": "400", "ref": "600" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgba(255, 255, 255, 0.85)" }, "display": { "ours": "block", "ref": "grid" }, "alignItems": { "ours": "normal", "ref": "center" }, "gridTemplateColumns": { "ours": "none", "ref": "258.109px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "258.109px" }, "height": { "ours": "24px", "ref": "259.75px" }, "rect": { "ours": { "x": 0, "y": 745, "w": 1440, "h": 24 }, "ref": { "x": 903, "y": 545, "w": 258, "h": 260 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > div:2 > div:2 > div:1 > span:1", "type": "style", "tag": "span", "text": "PNG", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "14px" }, "fontWeight": { "ours": "400", "ref": "600" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgba(255, 255, 255, 0.85)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "23.0938px" }, "height": { "ours": "auto", "ref": "17px" }, "rect": { "ours": { "x": 0, "y": 747, "w": 32, "h": 20 }, "ref": { "x": 1021, "y": 666, "w": 23, "h": 17 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:2 > div:2 > div:2 > span:2", "type": "style", "tag": "span", "text": "1200 × 800", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "9px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "49.4844px" }, "height": { "ours": "auto", "ref": "10px" }, "rect": { "ours": { "x": 0, "y": 771, "w": 84, "h": 20 }, "ref": { "x": 1147, "y": 846, "w": 49, "h": 10 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:3", "type": "style", "tag": "div", "text": "", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "block", "ref": "flex" }, "gap": { "ours": "normal", "ref": "24px" }, "padding": { "ours": "0px", "ref": "16px 20px" }, "borderTopWidth": { "ours": "0px", "ref": "1px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "1440px", "ref": "759.625px" }, "height": { "ours": "24px", "ref": "45px" }, "rect": { "ours": { "x": 0, "y": 793, "w": 1440, "h": 24 }, "ref": { "x": 468, "y": 886, "w": 760, "h": 45 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:3 > span:1", "type": "style", "tag": "span", "text": "FORMAT", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "77.5px" }, "height": { "ours": "auto", "ref": "12px" }, "rect": { "ours": { "x": 0, "y": 795, "w": 125, "h": 20 }, "ref": { "x": 488, "y": 903, "w": 78, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:3 > span:1 > b:1", "type": "style", "tag": "b", "text": "PNG-24", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "fontWeight": { "ours": "700", "ref": "600" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "margin": { "ours": "0px", "ref": "0px 0px 0px 6px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 65, "y": 795, "w": 59, "h": 20 }, "ref": { "x": 533, "y": 903, "w": 33, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:3 > span:2", "type": "style", "tag": "span", "text": "ALPHA", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "77.5px" }, "height": { "ours": "auto", "ref": "12px" }, "rect": { "ours": { "x": 129, "y": 795, "w": 126, "h": 20 }, "ref": { "x": 590, "y": 903, "w": 78, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:3 > span:2 > b:1", "type": "style", "tag": "b", "text": "ENABLED", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "fontWeight": { "ours": "700", "ref": "600" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "margin": { "ours": "0px", "ref": "0px 0px 0px 6px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 182, "y": 795, "w": 72, "h": 20 }, "ref": { "x": 629, "y": 903, "w": 39, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:3 > span:3", "type": "style", "tag": "span", "text": "SIMILARITY", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "color": { "ours": "rgb(23, 33, 43)", "ref": "rgb(109, 120, 131)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "88.4844px" }, "height": { "ours": "auto", "ref": "12px" }, "rect": { "ours": { "x": 258, "y": 795, "w": 131, "h": 20 }, "ref": { "x": 691, "y": 903, "w": 88, "h": 12 } } } }, { "path": "body > main:1 > div:2 > div:3 > section:2 > div:3 > span:3 > b:1", "type": "style", "tag": "b", "text": "72 %", "deltas": { "fontFamily": { "ours": "\"IBM Plex Sans\", sans-serif", "ref": "\"IBM Plex Mono\", monospace" }, "fontSize": { "ours": "16px", "ref": "10px" }, "fontWeight": { "ours": "700", "ref": "600" }, "lineHeight": { "ours": "24px", "ref": "normal" }, "margin": { "ours": "0px", "ref": "0px 0px 0px 6px" }, "borderTopColor": { "ours": "rgb(23, 33, 43)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "rect": { "ours": { "x": 351, "y": 795, "w": 39, "h": 20 }, "ref": { "x": 758, "y": 903, "w": 22, "h": 12 } } } }, { "path": "body > main:1 > footer:3", "type": "style", "tag": "footer", "text": "", "deltas": { "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "gap": { "ours": "16px", "ref": "normal" }, "padding": { "ours": "16px 57.6px", "ref": "16px 51.2px" }, "width": { "ours": "1440px", "ref": "1280px" }, "height": { "ours": "46px", "ref": "45px" }, "rect": { "ours": { "x": 0, "y": 817, "w": 1440, "h": 46 }, "ref": { "x": 0, "y": 1004, "w": 1280, "h": 45 } } } }, { "path": "body > main:1 > footer:3 > span:1", "type": "style", "tag": "span", "text": "easy-png-tools", "deltas": { "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "display": { "ours": "block", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "gap": { "ours": "normal", "ref": "7px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "142.812px", "ref": "116.984px" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 58, "y": 834, "w": 143, "h": 13 }, "ref": { "x": 51, "y": 1021, "w": 117, "h": 12 } } } }, { "path": "body > main:1 > footer:3 > span:1 > b:1", "type": "style", "tag": "b", "text": "v2.4.0", "deltas": { "fontWeight": { "ours": "700", "ref": "400" }, "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "color": { "ours": "rgb(109, 120, 131)", "ref": "rgb(23, 105, 210)" }, "display": { "ours": "inline", "ref": "block" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "auto", "ref": "33px" }, "height": { "ours": "auto", "ref": "12px" }, "rect": { "ours": { "x": 160, "y": 834, "w": 41, "h": 13 }, "ref": { "x": 135, "y": 1021, "w": 33, "h": 12 } } } }, { "path": "body > main:1 > footer:3 > span:2", "type": "style", "tag": "span", "text": "background remover · local-only", "deltas": { "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "display": { "ours": "block", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "gap": { "ours": "normal", "ref": "7px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "210.812px", "ref": "170.453px" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 666, "y": 834, "w": 211, "h": 13 }, "ref": { "x": 597, "y": 1021, "w": 170, "h": 12 } } } }, { "path": "body > main:1 > footer:3 > span:3", "type": "style", "tag": "span", "text": "© 2024", "deltas": { "letterSpacing": { "ours": "0.8px", "ref": "normal" }, "display": { "ours": "block", "ref": "flex" }, "alignItems": { "ours": "normal", "ref": "center" }, "gap": { "ours": "normal", "ref": "7px" }, "borderTopColor": { "ours": "rgb(109, 120, 131)", "ref": "rgb(203, 211, 218)" }, "borderTopStyle": { "ours": "none", "ref": "solid" }, "width": { "ours": "40.8125px", "ref": "33px" }, "height": { "ours": "13px", "ref": "12px" }, "rect": { "ours": { "x": 1342, "y": 834, "w": 41, "h": 13 }, "ref": { "x": 1196, "y": 1021, "w": 33, "h": 12 } } } } ], "tokenDiffs": { "light": [ { "key": "--danger", "ours": "#e5484d", "ref": "—" }, { "key": "--success", "ours": "#25a96a", "ref": "—" }, { "key": "--text-sm--line-height", "ours": "—", "ref": "calc(1.25 / .875)" }, { "key": "--text-xs--line-height", "ours": "—", "ref": "calc(1 / .75)" }, { "key": "--font-weight-medium", "ours": "—", "ref": "500" }, { "key": "--spacing", "ours": "—", "ref": ".25rem" }, { "key": "--text-xs", "ours": "—", "ref": ".75rem" }, { "key": "--radius-md", "ours": "—", "ref": ".375rem" }, { "key": "--radius-lg", "ours": "—", "ref": ".5rem" }, { "key": "--text-sm", "ours": "—", "ref": ".875rem" } ], "dark": [ { "key": "--panel", "ours": "#182129", "ref": "#f8fafb" }, { "key": "--blue", "ours": "#54a2ff", "ref": "#1769d2" }, { "key": "--muted", "ours": "#91a0ac", "ref": "#6d7883" }, { "key": "--background", "ours": "#11171d", "ref": "#eef1f4" }, { "key": "--danger", "ours": "#ff7479", "ref": "—" }, { "key": "--foreground", "ours": "#e8eef2", "ref": "#17212b" }, { "key": "--success", "ours": "#25a96a", "ref": "—" }, { "key": "--line", "ours": "#33414c", "ref": "#cbd3da" }, { "key": "--text-sm--line-height", "ours": "—", "ref": "calc(1.25 / .875)" }, { "key": "--text-xs--line-height", "ours": "—", "ref": "calc(1 / .75)" }, { "key": "--font-weight-medium", "ours": "—", "ref": "500" }, { "key": "--spacing", "ours": "—", "ref": ".25rem" }, { "key": "--text-xs", "ours": "—", "ref": ".75rem" }, { "key": "--radius-md", "ours": "—", "ref": ".375rem" }, { "key": "--radius-lg", "ours": "—", "ref": ".5rem" }, { "key": "--text-sm", "ours": "—", "ref": ".875rem" } ] }, "counts": { "tagMismatch": 0, "textMismatch": 0, "added": 0, "removed": 0, "styleDiffs": 108, "rectDiffs": 108, "fieldDiffs": 965, "tokenLight": 10, "tokenDark": 16 } } ] }