easy-png-tools2/web/audit/audit-report.md

CSS audit (phase B)

2026-08-29T05:34:12.653Z

Сводка

route	ref	tokL	tokD	style (el)	fields	rect	+struct	-struct	tag	text
/preview/demo	demo.html	10	16	215	1499	215	0	0	0	0
/preview/list-tools	list-tools.html	10	16	303	1638	303	0	0	0	0
/preview/tools/linear-gradient-png	gradient.html	10	16	103	906	103	0	0	0	0
/preview/tools/remove-background-png	background-remover.html	10	16	108	965	108	0	0	0	0

/preview/demo (vs demo.html)

• Токены light: 10, dark: 16
• Стиль-расхождений: 215 элементов / 1499 полей (из них геометрия: 215)
• Структурные: +0 / -0 / tag 0 / text 0

Токены — Light

token	ours	ref
--danger	#e5484d	—
--success	#25a96a	—
--text-sm--line-height	—	calc(1.25 / .875)
--text-xs--line-height	—	calc(1 / .75)
--font-weight-medium	—	500
--spacing	—	.25rem
--text-xs	—	.75rem
--radius-md	—	.375rem
--radius-lg	—	.5rem
--text-sm	—	.875rem

Токены — Dark

token	ours	ref
--panel	#182129	#f8fafb
--blue	#54a2ff	#1769d2
--muted	#91a0ac	#6d7883
--background	#11171d	#eef1f4
--danger	#ff7479	—
--foreground	#e8eef2	#17212b
--success	#25a96a	—
--line	#33414c	#cbd3da
--text-sm--line-height	—	calc(1.25 / .875)
--text-xs--line-height	—	calc(1 / .75)
--font-weight-medium	—	500
--spacing	—	.25rem
--text-xs	—	.75rem
--radius-md	—	.375rem
--radius-lg	—	.5rem
--text-sm	—	.875rem

Расхождения стилей (топ 150)

body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:3 > label:1 — "OPACITY"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `0.8px`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `block` → `flex`
- **justifyContent**: `normal` → `space-between`
- **margin**: `0px` → `0px 0px 8px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `137.609px` → `143.922px`
- **height**: `24px` → `12px`
- **rect**: `548,607 138x24` → `477,534 144x12`

body > main:1 > div:2 > section:2 > div:1 > div:2 > button:2 — "Download result"

- **fontSize**: `12px` → `11px`
- **letterSpacing**: `0.48px` → `normal`
- **justifyContent**: `normal` → `center`
- **gap**: `8px` → `9px`
- **padding**: `9px 14px` → `0px`
- **margin**: `0px` → `18px 0px 0px`
- **borderRadius**: `4px` → `0px`
- **borderTopWidth**: `1px` → `0px`
- **borderTopColor**: `rgb(23, 105, 210)` → `rgb(255, 255, 255)`
- **borderTopStyle**: `solid` → `none`
- **width**: `191.203px` → `418.875px`
- **height**: `36px` → `42px`
- **rect**: `877,231 191x36` → `791,204 419x42`

body > main:1 > div:2 > section:2 > div:1 > div:2 > button:4

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **display**: `flex` → `grid`
- **justifyContent**: `center` → `normal`
- **gridTemplateColumns**: `none` → `17px`
- **padding**: `1px 6px` → `6px`
- **borderRadius**: `4px` → `0px`
- **borderTopWidth**: `1px` → `0px`
- **borderTopColor**: `rgb(203, 211, 218)` → `rgb(109, 120, 131)`
- **borderTopStyle**: `solid` → `none`
- **width**: `32px` → `29px`
- **height**: `32px` → `29px`
- **rect**: `1211,298 32x32` → `1181,266 29x29`

body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:1 > div:2 > span:1 — "AUTO"

- **lineHeight**: `15px` → `normal`
- **letterSpacing**: `0.8px` → `normal`
- **textTransform**: `uppercase` → `none`
- **color**: `rgb(37, 169, 106)` → `rgb(35, 131, 84)`
- **gap**: `4.8px` → `4px`
- **padding**: `2.4px 7.2px` → `0px`
- **borderRadius**: `4px` → `0px`
- **borderTopWidth**: `1px` → `0px`
- **borderTopColor**: `color(srgb 0.535686 0.761569 0.679216)` → `rgb(203, 211, 218)`
- **width**: `60.375px` → `38px`
- **height**: `21.7812px` → `12px`
- **rect**: `552,532 60x22` → `524,495 38x12`

body > main:1 > div:2 > section:1 > div:4 > article:2 > div:3 > div:1 > div:2 > span:1 — "AUTO"

- **lineHeight**: `15px` → `normal`
- **letterSpacing**: `0.8px` → `normal`
- **textTransform**: `uppercase` → `none`
- **color**: `rgb(37, 169, 106)` → `rgb(35, 131, 84)`
- **gap**: `4.8px` → `4px`
- **padding**: `2.4px 7.2px` → `0px`
- **borderRadius**: `4px` → `0px`
- **borderTopWidth**: `1px` → `0px`
- **borderTopColor**: `color(srgb 0.535686 0.761569 0.679216)` → `rgb(203, 211, 218)`
- **width**: `60.375px` → `38px`
- **height**: `21.7812px` → `12px`
- **rect**: `552,691 60x22` → `524,657 38x12`

body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:1 > div:2 > span:1 — "AUTO"

- **lineHeight**: `15px` → `normal`
- **letterSpacing**: `0.8px` → `normal`
- **textTransform**: `uppercase` → `none`
- **color**: `rgb(37, 169, 106)` → `rgb(35, 131, 84)`
- **gap**: `4.8px` → `4px`
- **padding**: `2.4px 7.2px` → `0px`
- **borderRadius**: `4px` → `0px`
- **borderTopWidth**: `1px` → `0px`
- **borderTopColor**: `color(srgb 0.535686 0.761569 0.679216)` → `rgb(203, 211, 218)`
- **width**: `60.375px` → `38px`
- **height**: `21.7812px` → `12px`
- **rect**: `552,790 60x22` → `524,805 38x12`

body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:1 > div:2 > span:1 — "AUTO"

- **lineHeight**: `15px` → `normal`
- **letterSpacing**: `0.8px` → `normal`
- **textTransform**: `uppercase` → `none`
- **color**: `rgb(37, 169, 106)` → `rgb(35, 131, 84)`
- **gap**: `4.8px` → `4px`
- **padding**: `2.4px 7.2px` → `0px`
- **borderRadius**: `4px` → `0px`
- **borderTopWidth**: `1px` → `0px`
- **borderTopColor**: `color(srgb 0.535686 0.761569 0.679216)` → `rgb(203, 211, 218)`
- **width**: `60.375px` → `38px`
- **height**: `21.7812px` → `12px`
- **rect**: `552,941 60x22` → `524,967 38x12`

body > main:1 > div:2 > section:2 > div:2 > div:1 > div:2

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `9px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **alignItems**: `baseline` → `normal`
- **padding**: `0px` → `8px`
- **borderTopWidth**: `0px` → `1px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `467.219px` → `239.375px`
- **height**: `13px` → `27px`
- **rect**: `769,648 467x13` → `716,637 239x27`

body > main:1 > div:2 > section:2 > div:2 > div:2 > div:2

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `9px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **alignItems**: `baseline` → `normal`
- **padding**: `0px` → `8px`
- **borderTopWidth**: `0px` → `1px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `467.219px` → `239.391px`
- **height**: `13px` → `27px`
- **rect**: `769,970 467x13` → `969,637 239x27`

body > main:1 > div:2 > section:2 > div:2 > div:3 > div:2

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `9px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **alignItems**: `baseline` → `normal`
- **padding**: `0px` → `8px`
- **borderTopWidth**: `0px` → `1px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `467.219px` → `239.375px`
- **height**: `13px` → `27px`
- **rect**: `769,1291 467x13` → `716,978 239x27`

body > main:1 > div:2 > section:2 > div:2 > div:4 > div:2

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `9px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **alignItems**: `baseline` → `normal`
- **padding**: `0px` → `8px`
- **borderTopWidth**: `0px` → `1px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `467.219px` → `239.391px`
- **height**: `13px` → `27px`
- **rect**: `769,1613 467x13` → `969,978 239x27`

body > main:1 > div:2 > section:2 > div:2 > div:5 > div:2

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `9px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **alignItems**: `baseline` → `normal`
- **padding**: `0px` → `8px`
- **borderTopWidth**: `0px` → `1px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `467.219px` → `239.375px`
- **height**: `13px` → `27px`
- **rect**: `769,1934 467x13` → `716,1319 239x27`

body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:2 > div:2

- **fontSize**: `13.6px` → `16px`
- **lineHeight**: `20.4px` → `24px`
- **display**: `flex` → `block`
- **alignItems**: `center` → `normal`
- **justifyContent**: `space-between` → `normal`
- **gap**: `16px` → `normal`
- **padding**: `10px 0px 0px` → `0px`
- **borderTopWidth**: `1px` → `0px`
- **width**: `222.406px` → `234.422px`
- **height**: `53px` → `44px`
- **rect**: `463,1005 222x53` → `387,1006 234x44`

body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:2 > div:2 > button:2 > i:1

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **color**: `rgb(0, 0, 0)` → `rgb(23, 33, 43)`
- **backgroundColor**: `rgb(255, 255, 255)` → `rgba(0, 0, 0, 0)`
- **display**: `block` → `inline`
- **borderRadius**: `50%` → `0px`
- **borderTopColor**: `rgb(0, 0, 0)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `16.7969px` → `auto`
- **height**: `16.7969px` → `auto`
- **rect**: `667,1029 17x17` → `558,1015 0x0`

body > main:1 > div:2 > section:2 > div:1 > div:2 > div:3

- **display**: `flex` → `grid`
- **flexDirection**: `column` → `row`
- **gap**: `2.4px` → `8px`
- **gridTemplateColumns**: `none` → `78.625px 78.625px 78.625px`
- **padding**: `0px` → `14px 0px 0px`
- **borderTopWidth**: `0px` → `1px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `164.812px` → `251.875px`
- **height**: `78.2812px` → `48px`
- **rect**: `1079,210 165x78` → `919,256 252x48`

body > main:1 > div:2 > section:2 > div:1 > div:2 > div:3 > div:1

- **display**: `flex` → `grid`
- **alignItems**: `baseline` → `normal`
- **justifyContent**: `space-between` → `normal`
- **gap**: `16px` → `5px`
- **gridTemplateColumns**: `none` → `78.625px`
- **padding**: `4px 0px` → `0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `164.812px` → `78.625px`
- **height**: `24.5px` → `33px`
- **rect**: `1079,210 165x25` → `919,271 79x33`

body > main:1 > div:2 > section:2 > div:1 > div:2 > div:3 > div:2

- **display**: `flex` → `grid`
- **alignItems**: `baseline` → `normal`
- **justifyContent**: `space-between` → `normal`
- **gap**: `16px` → `5px`
- **gridTemplateColumns**: `none` → `78.625px`
- **padding**: `4px 0px` → `0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `164.812px` → `78.625px`
- **height**: `24.5px` → `33px`
- **rect**: `1079,237 165x25` → `1006,271 79x33`

body > main:1 > div:2 > section:2 > div:1 > div:2 > div:3 > div:3

- **display**: `flex` → `grid`
- **alignItems**: `baseline` → `normal`
- **justifyContent**: `space-between` → `normal`
- **gap**: `16px` → `5px`
- **gridTemplateColumns**: `none` → `78.625px`
- **padding**: `4px 0px` → `0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `164.812px` → `78.625px`
- **height**: `24.5px` → `33px`
- **rect**: `1079,264 165x25` → `1092,271 79x33`

body > main:1 > div:2 > section:2 > div:2 > div:1 > div:1

- **backgroundColor**: `rgba(0, 0, 0, 0)` → `rgb(228, 232, 235)`
- **display**: `block` → `grid`
- **alignItems**: `normal` → `center`
- **gridTemplateColumns**: `none` → `207.375px`
- **padding**: `0px` → `16px`
- **borderRadius**: `4px` → `0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `467.219px` → `239.375px`
- **height**: `276.859px` → `300px`
- **rect**: `769,367 467x277` → `716,337 239x300`

body > main:1 > div:2 > section:2 > div:2 > div:2 > div:1

- **backgroundColor**: `rgba(0, 0, 0, 0)` → `rgb(228, 232, 235)`
- **display**: `block` → `grid`
- **alignItems**: `normal` → `center`
- **gridTemplateColumns**: `none` → `207.391px`
- **padding**: `0px` → `16px`
- **borderRadius**: `4px` → `0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `467.219px` → `239.391px`
- **height**: `276.859px` → `300px`
- **rect**: `769,688 467x277` → `969,337 239x300`

body > main:1 > div:2 > section:2 > div:2 > div:3 > div:1

- **backgroundColor**: `rgba(0, 0, 0, 0)` → `rgb(228, 232, 235)`
- **display**: `block` → `grid`
- **alignItems**: `normal` → `center`
- **gridTemplateColumns**: `none` → `207.375px`
- **padding**: `0px` → `16px`
- **borderRadius**: `4px` → `0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `467.219px` → `239.375px`
- **height**: `276.859px` → `300px`
- **rect**: `769,1010 467x277` → `716,678 239x300`

body > main:1 > div:2 > section:2 > div:2 > div:4 > div:1

- **backgroundColor**: `rgba(0, 0, 0, 0)` → `rgb(228, 232, 235)`
- **display**: `block` → `grid`
- **alignItems**: `normal` → `center`
- **gridTemplateColumns**: `none` → `207.391px`
- **padding**: `0px` → `16px`
- **borderRadius**: `4px` → `0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `467.219px` → `239.391px`
- **height**: `276.859px` → `300px`
- **rect**: `769,1331 467x277` → `969,678 239x300`

body > main:1 > div:2 > section:2 > div:2 > div:5 > div:1

- **backgroundColor**: `rgba(0, 0, 0, 0)` → `rgb(228, 232, 235)`
- **display**: `block` → `grid`
- **alignItems**: `normal` → `center`
- **gridTemplateColumns**: `none` → `207.375px`
- **padding**: `0px` → `16px`
- **borderRadius**: `4px` → `0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `467.219px` → `239.375px`
- **height**: `276.859px` → `300px`
- **rect**: `769,1652 467x277` → `716,1019 239x300`

body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:1 > div:2 > input:2

- **textTransform**: `uppercase` → `none`
- **backgroundColor**: `rgb(238, 241, 244)` → `rgba(0, 0, 0, 0)`
- **padding**: `5.6px 8px` → `0px`
- **borderRadius**: `4px` → `0px`
- **borderTopWidth**: `1px` → `0px`
- **borderTopColor**: `rgb(203, 211, 218)` → `rgb(23, 33, 43)`
- **borderTopStyle**: `solid` → `none`
- **width**: `85.2188px` → `127px`
- **height**: `27.1875px` → `13px`
- **rect**: `257,636 85x27` → `167,563 127x13`

body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:2 > input:2

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **color**: `rgb(16, 16, 16)` → `rgb(23, 33, 43)`
- **backgroundColor**: `rgb(255, 255, 255)` → `rgba(0, 0, 0, 0)`
- **display**: `block` → `inline-block`
- **margin**: `2px` → `0px`
- **borderTopColor**: `rgb(16, 16, 16)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `137.609px` → `119.922px`
- **rect**: `388,631 138x16` → `341,555 120x16`

body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:3 > label:1 > output:1 — "100%"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `0.8px`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `25.2031px`
- **height**: `auto` → `12px`
- **rect**: `617,609 44x20` → `596,534 25x12`

body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:3 > div:2 > button:1 — "100"

- **letterSpacing**: `0.6px` → `normal`
- **textTransform**: `uppercase` → `none`
- **color**: `rgb(109, 120, 131)` → `rgb(255, 255, 255)`
- **backgroundColor**: `rgba(0, 0, 0, 0)` → `rgb(23, 105, 210)`
- **display**: `flex` → `block`
- **alignItems**: `center` → `normal`
- **padding**: `0px 11.2px` → `0px`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(255, 255, 255)`
- **width**: `42.1875px` → `35.4688px`
- **rect**: `549,640 42x30` → `478,555 35x30`

body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:2 > div:1 > input:2

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **color**: `rgb(16, 16, 16)` → `rgb(23, 33, 43)`
- **backgroundColor**: `rgb(255, 255, 255)` → `rgba(0, 0, 0, 0)`
- **display**: `block` → `inline-block`
- **margin**: `2px` → `0px`
- **borderTopColor**: `rgb(16, 16, 16)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `222.406px` → `234.422px`
- **rect**: `227,889 222x16` → `136,865 234x16`

body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:2 > div:2 > div:2 > input:2

- **textTransform**: `uppercase` → `none`
- **backgroundColor**: `rgb(238, 241, 244)` → `rgba(0, 0, 0, 0)`
- **padding**: `5.6px 8px` → `0px`
- **borderRadius**: `4px` → `0px`
- **borderTopWidth**: `1px` → `0px`
- **borderTopColor**: `rgb(203, 211, 218)` → `rgb(23, 33, 43)`
- **borderTopStyle**: `solid` → `none`
- **width**: `190.422px` → `194.422px`
- **height**: `27.1875px` → `13px`
- **rect**: `495,894 190x27` → `418,873 194x13`

body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:2 > div:1 > input:2

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **color**: `rgb(16, 16, 16)` → `rgb(23, 33, 43)`
- **backgroundColor**: `rgb(255, 255, 255)` → `rgba(0, 0, 0, 0)`
- **display**: `block` → `inline-block`
- **margin**: `2px` → `0px`
- **borderTopColor**: `rgb(16, 16, 16)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `222.406px` → `234.422px`
- **rect**: `227,1040 222x16` → `136,1027 234x16`

body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:2 > div:2 > button:2

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **color**: `rgb(0, 0, 0)` → `rgb(23, 33, 43)`
- **backgroundColor**: `rgb(23, 105, 210)` → `rgba(0, 0, 0, 0)`
- **display**: `block` → `inline-block`
- **borderRadius**: `999px` → `0px`
- **borderTopColor**: `rgb(23, 105, 210)` → `rgb(203, 211, 218)`
- **width**: `38.3906px` → `32px`
- **height**: `20.7969px` → `18px`
- **rect**: `647,1027 38x21` → `542,1006 32x18`

body > main:1 > div:2 > section:2 > div:2 > div:5

- **backgroundColor**: `rgb(248, 250, 251)` → `rgb(238, 241, 244)`
- **display**: `flex` → `block`
- **flexDirection**: `column` → `row`
- **gap**: `4.8px` → `normal`
- **padding**: `6.4px` → `0px`
- **borderRadius**: `4px` → `0px`
- **borderTopColor**: `rgb(203, 211, 218)` → `rgb(23, 105, 210)`
- **width**: `482px` → `241.375px`
- **height**: `309.438px` → `329px`
- **rect**: `761,1645 482x309` → `715,1018 241x329`

body > main:1 > header:1 > div:3 > div:4 > span:2 — "/"

- **fontFamily**: `"IBM Plex Mono", monospace` → `"IBM Plex Sans", sans-serif`
- **fontSize**: `10px` → `16px`
- **lineHeight**: `normal` → `24px`
- **color**: `rgb(109, 120, 131)` → `rgb(23, 33, 43)`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `6px` → `4.45312px`
- **height**: `13px` → `24px`
- **rect**: `1344,25 6x13` → `1194,20 4x24`

body > main:1 > div:2 > section:1 > div:3 > div:1 > span:1 — "PROCESSING PIPELINE"

- **lineHeight**: `12px` → `normal`
- **letterSpacing**: `1px` → `1.2px`
- **textTransform**: `uppercase` → `none`
- **display**: `block` → `inline`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `153.609px` → `auto`
- **height**: `12px` → `auto`
- **rect**: `178,459 154x12` → `51,388 127x12`

body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:1 > label:1 — "COLOR"

- **letterSpacing**: `0.5px` → `0.8px`
- **textTransform**: `uppercase` → `none`
- **alignItems**: `baseline` → `normal`
- **gap**: `8px` → `normal`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `137.594px` → `189px`
- **height**: `13px` → `12px`
- **rect**: `225,607 138x13` → `136,534 189x12`

body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:2 > label:1 — "DIRECTION"

- **letterSpacing**: `0.5px` → `0.8px`
- **textTransform**: `uppercase` → `none`
- **alignItems**: `center` → `normal`
- **gap**: `8px` → `normal`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `137.609px` → `119.922px`
- **height**: `14px` → `12px`
- **rect**: `386,607 138x14` → `341,534 120x12`

body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:2 > div:1 > label:1 — "WIDTH"

- **letterSpacing**: `0.5px` → `0.8px`
- **textTransform**: `uppercase` → `none`
- **alignItems**: `center` → `normal`
- **gap**: `8px` → `normal`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `222.406px` → `234.422px`
- **height**: `14px` → `12px`
- **rect**: `225,865 222x14` → `136,844 234x12`

body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:2 > div:2 > label:1 — "COLOR"

- **letterSpacing**: `0.5px` → `0.8px`
- **textTransform**: `uppercase` → `none`
- **alignItems**: `baseline` → `normal`
- **gap**: `8px` → `normal`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `222.406px` → `234.422px`
- **height**: `13px` → `12px`
- **rect**: `463,865 222x13` → `387,844 234x12`

body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:2 > div:1 > label:1 — "RADIUS"

- **letterSpacing**: `0.5px` → `0.8px`
- **textTransform**: `uppercase` → `none`
- **alignItems**: `center` → `normal`
- **gap**: `8px` → `normal`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `222.406px` → `234.422px`
- **height**: `14px` → `12px`
- **rect**: `225,1016 222x14` → `136,1006 234x12`

body > main:1 > div:2 > section:2 > div:1 > div:1 > span:1 — "PIPELINE OUTPUTS"

- **lineHeight**: `12px` → `normal`
- **letterSpacing**: `1px` → `1.2px`
- **textTransform**: `uppercase` → `none`
- **display**: `block` → `inline`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `78.5781px` → `auto`
- **height**: `24px` → `auto`
- **rect**: `761,203 79x24` → `715,188 54x36`

body > main:1 > div:2 > section:2 > div:2 > div:1

- **backgroundColor**: `rgb(248, 250, 251)` → `rgb(238, 241, 244)`
- **display**: `flex` → `block`
- **flexDirection**: `column` → `row`
- **gap**: `4.8px` → `normal`
- **padding**: `6.4px` → `0px`
- **borderRadius**: `4px` → `0px`
- **width**: `482px` → `241.375px`
- **height**: `309.438px` → `329px`
- **rect**: `761,359 482x309` → `715,336 241x329`

body > main:1 > div:2 > section:2 > div:2 > div:2

- **backgroundColor**: `rgb(248, 250, 251)` → `rgb(238, 241, 244)`
- **display**: `flex` → `block`
- **flexDirection**: `column` → `row`
- **gap**: `4.8px` → `normal`
- **padding**: `6.4px` → `0px`
- **borderRadius**: `4px` → `0px`
- **width**: `482px` → `241.391px`
- **height**: `309.438px` → `329px`
- **rect**: `761,681 482x309` → `968,336 241x329`

body > main:1 > div:2 > section:2 > div:2 > div:3

- **backgroundColor**: `rgb(248, 250, 251)` → `rgb(238, 241, 244)`
- **display**: `flex` → `block`
- **flexDirection**: `column` → `row`
- **gap**: `4.8px` → `normal`
- **padding**: `6.4px` → `0px`
- **borderRadius**: `4px` → `0px`
- **width**: `482px` → `241.375px`
- **height**: `309.438px` → `329px`
- **rect**: `761,1002 482x309` → `715,677 241x329`

body > main:1 > div:2 > section:2 > div:2 > div:4

- **backgroundColor**: `rgb(248, 250, 251)` → `rgb(238, 241, 244)`
- **display**: `flex` → `block`
- **flexDirection**: `column` → `row`
- **gap**: `4.8px` → `normal`
- **padding**: `6.4px` → `0px`
- **borderRadius**: `4px` → `0px`
- **width**: `482px` → `241.391px`
- **height**: `309.438px` → `329px`
- **rect**: `761,1324 482x309` → `968,677 241x329`

body > main:1 > footer:3 > span:1 — "easy-png-tools"

- **letterSpacing**: `0.8px` → `normal`
- **display**: `block` → `flex`
- **alignItems**: `normal` → `center`
- **gap**: `normal` → `7px`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `142.812px` → `116.984px`
- **height**: `13px` → `12px`
- **rect**: `58,2108 143x13` → `51,1500 117x12`

body > main:1 > footer:3 > span:1 > b:1 — "v2.4.0"

- **fontWeight**: `700` → `400`
- **letterSpacing**: `0.8px` → `normal`
- **color**: `rgb(109, 120, 131)` → `rgb(23, 105, 210)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `33px`
- **height**: `auto` → `12px`
- **rect**: `160,2108 41x13` → `135,1500 33x12`

body > main:1 > footer:3 > span:2 — "pipeline is local-only"

- **letterSpacing**: `0.8px` → `normal`
- **display**: `block` → `flex`
- **alignItems**: `normal` → `center`
- **gap**: `normal` → `7px`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `162.609px` → `140.969px`
- **height**: `16px` → `13px`
- **rect**: `690,2107 163x16` → `612,1500 141x13`

body > main:1 > footer:3 > span:3 — "© 2024"

- **letterSpacing**: `0.8px` → `normal`
- **display**: `block` → `flex`
- **alignItems**: `normal` → `center`
- **gap**: `normal` → `7px`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `40.8125px` → `33px`
- **height**: `13px` → `12px`
- **rect**: `1342,2108 41x13` → `1196,1500 33x12`

body > main:1 > header:1 > div:3 > button:2

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **display**: `flex` → `grid`
- **justifyContent**: `center` → `normal`
- **gridTemplateColumns**: `none` → `17px`
- **width**: `28px` → `29px`
- **height**: `28px` → `29px`
- **rect**: `1224,18 28x28` → `1074,17 29x29`

body > main:1 > header:1 > div:3 > button:3

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **display**: `flex` → `grid`
- **justifyContent**: `center` → `normal`
- **gridTemplateColumns**: `none` → `17px`
- **width**: `28px` → `29px`
- **height**: `28px` → `29px`
- **rect**: `1268,18 28x28` → `1119,17 29x29`

body > main:1 > div:2

- **gridTemplateColumns**: `508.812px 520px` → `588.844px 532.766px`
- **padding**: `60px 57.6px 72px` → `60px 51.2px 72px`
- **margin**: `0px 120px` → `0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1200px` → `1280px`
- **height**: `2025.97px` → `1418.5px`
- **rect**: `120,64 1200x2026` → `0,64 1280x1419`

body > main:1 > div:2 > section:1 > div:2 > div:1 > h1:1 — "Build your image pipeline."

- **fontSize**: `57.6px` → `51.2px`
- **lineHeight**: `51.84px` → `51.2px`
- **letterSpacing**: `-3.456px` → `-3.072px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `316.203px` → `405.062px`
- **height**: `155.484px` → `102.406px`
- **rect**: `178,155 316x155` → `51,154 405x102`

body > main:1 > div:2 > section:1 > div:3 > div:1

- **display**: `flex` → `block`
- **flexDirection**: `column` → `row`
- **gap**: `2px` → `normal`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `153.609px` → `148.484px`
- **height**: `37px` → `46px`
- **rect**: `178,459 154x37` → `51,380 148x46`

body > main:1 > div:2 > section:1 > div:4 > article:1 > div:1 — "01"

- **fontSize**: `22px` → `11px`
- **fontWeight**: `600` → `400`
- **lineHeight**: `22px` → `normal`
- **padding**: `17px 0px 6px 15px` → `17px 0px 0px 15px`
- **borderTopColor**: `rgb(23, 105, 210)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **height**: `45px` → `150px`
- **rect**: `179,524 46x45` → `52,454 46x150`

body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3

- **display**: `flex` → `block`
- **flexDirection**: `column` → `row`
- **padding**: `0px` → `15px 18px 18px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `460.812px` → `520.844px`
- **height**: `147px` → `150px`
- **rect**: `225,524 461x147` → `118,454 521x150`

body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:1

- **alignItems**: `flex-start` → `center`
- **gap**: `8px` → `15px`
- **padding**: `8px 12px` → `0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `460.812px` → `484.844px`
- **height**: `72px` → `65px`
- **rect**: `225,524 461x72` → `136,469 485x65`

body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:1

- **display**: `flex` → `block`
- **flexDirection**: `column` → `row`
- **gap**: `8px` → `normal`
- **padding**: `10px 0px 0px` → `0px`
- **borderTopWidth**: `1px` → `0px`
- **width**: `137.594px` → `189px`
- **height**: `75px` → `52px`
- **rect**: `225,596 138x75` → `136,534 189x52`

body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:1 > div:2

- **gap**: `6.4px` → `8px`
- **padding**: `0px` → `0px 8px`
- **borderTopWidth**: `0px` → `1px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `137.594px` → `189px`
- **height**: `27.1875px` → `32px`
- **rect**: `225,636 138x27` → `136,554 189x32`

body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:2

- **display**: `flex` → `block`
- **flexDirection**: `column` → `row`
- **gap**: `0px` → `normal`
- **padding**: `10px 0px 0px` → `0px`
- **borderTopWidth**: `1px` → `0px`
- **width**: `137.609px` → `119.922px`
- **height**: `75px` → `52px`
- **rect**: `386,596 138x75` → `341,534 120x52`

body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:2 > label:1 > output:1 — "135 °"

- **fontSize**: `11px` → `10px`
- **letterSpacing**: `0.5px` → `0.8px`
- **textTransform**: `uppercase` → `none`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `35.5px` → `31.5156px`
- **height**: `14px` → `12px`
- **rect**: `488,607 36x14` → `430,534 32x12`

body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:3

- **display**: `flex` → `block`
- **flexDirection**: `column` → `row`
- **gap**: `8px` → `normal`
- **padding**: `10px 0px 0px` → `0px`
- **borderTopWidth**: `1px` → `0px`
- **width**: `137.609px` → `143.922px`
- **height**: `75px` → `52px`
- **rect**: `548,596 138x75` → `477,534 144x52`

body > main:1 > div:2 > section:1 > div:4 > article:2 > div:1 — "02"

- **fontSize**: `22px` → `11px`
- **fontWeight**: `600` → `400`
- **lineHeight**: `22px` → `normal`
- **padding**: `17px 0px 6px 15px` → `17px 0px 0px 15px`
- **borderTopColor**: `rgb(23, 105, 210)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **height**: `45px` → `136px`
- **rect**: `179,683 46x45` → `52,616 46x136`

body > main:1 > div:2 > section:1 > div:4 > article:2 > div:3

- **display**: `flex` → `block`
- **flexDirection**: `column` → `row`
- **padding**: `0px` → `15px 18px 18px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `460.812px` → `520.844px`
- **height**: `87px` → `136px`
- **rect**: `225,683 461x87` → `118,616 521x136`

body > main:1 > div:2 > section:1 > div:4 > article:2 > div:3 > div:1

- **alignItems**: `flex-start` → `center`
- **gap**: `8px` → `15px`
- **padding**: `8px 12px` → `0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `460.812px` → `484.844px`
- **height**: `72px` → `65px`
- **rect**: `225,683 461x72` → `136,631 485x65`

body > main:1 > div:2 > section:1 > div:4 > article:3 > div:1 — "03"

- **fontSize**: `22px` → `11px`
- **fontWeight**: `600` → `400`
- **lineHeight**: `22px` → `normal`
- **padding**: `17px 0px 6px 15px` → `17px 0px 0px 15px`
- **borderTopColor**: `rgb(23, 105, 210)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **height**: `45px` → `150px`
- **rect**: `179,782 46x45` → `52,764 46x150`

body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3

- **display**: `flex` → `block`
- **flexDirection**: `column` → `row`
- **padding**: `0px` → `15px 18px 18px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `460.812px` → `520.844px`
- **height**: `139.188px` → `150px`
- **rect**: `225,782 461x139` → `118,764 521x150`

body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:1

- **alignItems**: `flex-start` → `center`
- **gap**: `8px` → `15px`
- **padding**: `8px 12px` → `0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `460.812px` → `484.844px`
- **height**: `72px` → `65px`
- **rect**: `225,782 461x72` → `136,779 485x65`

body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:2 > div:1

- **display**: `flex` → `block`
- **flexDirection**: `column` → `row`
- **gap**: `0px` → `normal`
- **padding**: `10px 0px 0px` → `0px`
- **borderTopWidth**: `1px` → `0px`
- **width**: `222.406px` → `234.422px`
- **height**: `67.1875px` → `52px`
- **rect**: `225,854 222x67` → `136,844 234x52`

body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:2 > div:1 > label:1 > output:1 — "2 px"

- **fontSize**: `11px` → `10px`
- **letterSpacing**: `0.5px` → `0.8px`
- **textTransform**: `uppercase` → `none`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `28.4062px` → `25.2188px`
- **height**: `14px` → `12px`
- **rect**: `419,865 28x14` → `345,844 25x12`

body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:2 > div:2

- **display**: `flex` → `block`
- **flexDirection**: `column` → `row`
- **gap**: `8px` → `normal`
- **padding**: `10px 0px 0px` → `0px`
- **borderTopWidth**: `1px` → `0px`
- **width**: `222.406px` → `234.422px`
- **height**: `67.1875px` → `52px`
- **rect**: `463,854 222x67` → `387,844 234x52`

body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:2 > div:2 > div:2

- **gap**: `6.4px` → `8px`
- **padding**: `0px` → `0px 8px`
- **borderTopWidth**: `0px` → `1px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `222.406px` → `234.422px`
- **height**: `27.1875px` → `32px`
- **rect**: `463,894 222x27` → `387,864 234x32`

body > main:1 > div:2 > section:1 > div:4 > article:4 > div:1 — "04"

- **fontSize**: `22px` → `11px`
- **fontWeight**: `600` → `400`
- **lineHeight**: `22px` → `normal`
- **padding**: `17px 0px 6px 15px` → `17px 0px 0px 15px`
- **borderTopColor**: `rgb(23, 105, 210)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **height**: `45px` → `142px`
- **rect**: `179,933 46x45` → `52,926 46x142`

body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3

- **display**: `flex` → `block`
- **flexDirection**: `column` → `row`
- **padding**: `0px` → `15px 18px 18px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `460.812px` → `520.844px`
- **height**: `125px` → `142px`
- **rect**: `225,933 461x125` → `118,926 521x142`

body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:1

- **alignItems**: `flex-start` → `center`
- **gap**: `8px` → `15px`
- **padding**: `8px 12px` → `0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `460.812px` → `484.844px`
- **height**: `72px` → `65px`
- **rect**: `225,933 461x72` → `136,941 485x65`

body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:2 > div:1

- **display**: `flex` → `block`
- **flexDirection**: `column` → `row`
- **gap**: `0px` → `normal`
- **padding**: `10px 0px 0px` → `0px`
- **borderTopWidth**: `1px` → `0px`
- **width**: `222.406px` → `234.422px`
- **height**: `53px` → `44px`
- **rect**: `225,1005 222x53` → `136,1006 234x44`

body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:2 > div:1 > label:1 > output:1 — "18 px"

- **fontSize**: `11px` → `10px`
- **letterSpacing**: `0.5px` → `0.8px`
- **textTransform**: `uppercase` → `none`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `35.5px` → `31.5156px`
- **height**: `14px` → `12px`
- **rect**: `412,1016 36x14` → `339,1006 32x12`

body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:2 > div:2 > span:1 — "Preserve aspect ratio"

- **fontSize**: `13.6px` → `16px`
- **lineHeight**: `20.4px` → `24px`
- **display**: `block` → `inline`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `129.031px` → `auto`
- **height**: `20.3906px` → `auto`
- **rect**: `463,1027 129x20` → `387,1009 156x17`

body > main:1 > div:2 > section:2 > div:1 > div:1

- **display**: `flex` → `block`
- **flexDirection**: `column` → `row`
- **gap**: `2px` → `normal`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `78.5781px` → `75.8906px`
- **height**: `67px` → `87px`
- **rect**: `761,203 79x67` → `715,180 76x87`

body > main:1 > div:2 > section:2 > div:1 > div:2 > div:3 > div:1 > span:1 — "DIMENSIONS"

- **lineHeight**: `13.5px` → `normal`
- **letterSpacing**: `0.9px` → `normal`
- **textTransform**: `uppercase` → `none`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `63px` → `78.625px`
- **height**: `13.5px` → `10px`
- **rect**: `1079,216 63x14` → `919,271 79x10`

body > main:1 > div:2 > section:2 > div:1 > div:2 > div:3 > div:1 > b:2 — "1200 × 800 px"

- **fontWeight**: `700` → `400`
- **lineHeight**: `16.5px` → `normal`
- **margin**: `0px` → `5px 0px 0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `85.8125px` → `78.625px`
- **height**: `16.5px` → `13px`
- **rect**: `1158,214 86x17` → `919,291 79x13`

body > main:1 > div:2 > section:2 > div:1 > div:2 > div:3 > div:2 > span:1 — "FORMAT"

- **lineHeight**: `13.5px` → `normal`
- **letterSpacing**: `0.9px` → `normal`
- **textTransform**: `uppercase` → `none`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `37.8125px` → `78.625px`
- **height**: `13.5px` → `10px`
- **rect**: `1079,243 38x14` → `1006,271 79x10`

body > main:1 > div:2 > section:2 > div:1 > div:2 > div:3 > div:2 > b:2 — "PNG-24"

- **fontWeight**: `700` → `400`
- **lineHeight**: `16.5px` → `normal`
- **margin**: `0px` → `5px 0px 0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `39.6094px` → `78.625px`
- **height**: `16.5px` → `13px`
- **rect**: `1204,241 40x17` → `1006,291 79x13`

body > main:1 > div:2 > section:2 > div:1 > div:2 > div:3 > div:3 > span:1 — "SIZE"

- **lineHeight**: `13.5px` → `normal`
- **letterSpacing**: `0.9px` → `normal`
- **textTransform**: `uppercase` → `none`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `25.2031px` → `78.625px`
- **height**: `13.5px` → `10px`
- **rect**: `1079,270 25x14` → `1092,271 79x10`

body > main:1 > div:2 > section:2 > div:1 > div:2 > div:3 > div:3 > b:2 — "1.2 MB"

- **fontWeight**: `700` → `400`
- **lineHeight**: `16.5px` → `normal`
- **margin**: `0px` → `5px 0px 0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `39.6094px` → `78.625px`
- **height**: `16.5px` → `13px`
- **rect**: `1204,268 40x17` → `1092,291 79x13`

body > main:1 > div:2 > section:2 > div:2 > div:1 > div:2 > span:1 — "SOURCE"

- **fontSize**: `10px` → `9px`
- **letterSpacing**: `0.8px` → `normal`
- **textTransform**: `uppercase` → `none`
- **borderTopColor**: `rgb(23, 105, 210)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `40.8125px` → `29.7031px`
- **height**: `13px` → `10px`
- **rect**: `769,648 41x13` → `724,646 30x10`

body > main:1 > div:2 > section:2 > div:2 > div:2 > div:2 > span:1 — "STEP 01"

- **fontSize**: `10px` → `9px`
- **letterSpacing**: `0.8px` → `normal`
- **textTransform**: `uppercase` → `none`
- **borderTopColor**: `rgb(23, 105, 210)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `47.6094px` → `34.6406px`
- **height**: `13px` → `10px`
- **rect**: `769,970 48x13` → `977,646 35x10`

body > main:1 > div:2 > section:2 > div:2 > div:3 > div:2 > span:1 — "STEP 02"

- **fontSize**: `10px` → `9px`
- **letterSpacing**: `0.8px` → `normal`
- **textTransform**: `uppercase` → `none`
- **borderTopColor**: `rgb(23, 105, 210)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `47.6094px` → `34.6406px`
- **height**: `13px` → `10px`
- **rect**: `769,1291 48x13` → `724,987 35x10`

body > main:1 > div:2 > section:2 > div:2 > div:4 > div:2 > span:1 — "STEP 03"

- **fontSize**: `10px` → `9px`
- **letterSpacing**: `0.8px` → `normal`
- **textTransform**: `uppercase` → `none`
- **borderTopColor**: `rgb(23, 105, 210)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `47.6094px` → `34.6406px`
- **height**: `13px` → `10px`
- **rect**: `769,1613 48x13` → `977,987 35x10`

body > main:1 > div:2 > section:2 > div:2 > div:5 > div:2 > span:1 — "FINAL OUTPUT"

- **fontSize**: `10px` → `9px`
- **letterSpacing**: `0.8px` → `normal`
- **textTransform**: `uppercase` → `none`
- **borderTopColor**: `rgb(23, 105, 210)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `81.6094px` → `59.3906px`
- **height**: `13px` → `10px`
- **rect**: `769,1934 82x13` → `724,1328 59x10`

body > main:1 > header:1 > nav:2

- **gap**: `18px` → `22px`
- **margin**: `0px 0px 0px 24px` → `0px 28px 0px 355.891px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `376.594px` → `296.938px`
- **height**: `15px` → `12px`
- **rect**: `528,24 377x15` → `639,26 297x12`

body > main:1 > header:1 > nav:2 > a:1 — "Workspace"

- **fontSize**: `12px` → `10px`
- **letterSpacing**: `0.48px` → `normal`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `69.125px` → `49.4844px`
- **height**: `15px` → `12px`
- **rect**: `528,24 69x15` → `639,26 49x12`

body > main:1 > header:1 > nav:2 > a:2 — "Catalog"

- **fontSize**: `12px` → `10px`
- **letterSpacing**: `0.48px` → `normal`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `53.7656px` → `38.5px`
- **height**: `15px` → `12px`
- **rect**: `615,24 54x15` → `710,26 39x12`

body > main:1 > header:1 > nav:2 > a:3 — "Gradient"

- **fontSize**: `12px` → `10px`
- **letterSpacing**: `0.48px` → `normal`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `61.4531px` → `43.9844px`
- **height**: `15px` → `12px`
- **rect**: `687,24 61x15` → `771,26 44x12`

body > main:1 > header:1 > nav:2 > a:4 — "Background remover"

- **fontSize**: `12px` → `10px`
- **letterSpacing**: `0.48px` → `normal`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `138.25px` → `98.9688px`
- **height**: `15px` → `12px`
- **rect**: `767,24 138x15` → `837,26 99x12`

body > main:1 > header:1 > div:3 > button:2 > svg:1

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `16px` → `17px`
- **height**: `16px` → `17px`
- **rect**: `1230,24 16x16` → `1080,23 17x17`

body > main:1 > header:1 > div:3 > button:3 > svg:1

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `16px` → `17px`
- **height**: `16px` → `17px`
- **rect**: `1274,24 16x16` → `1125,23 17x17`

body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:1 > div:1

- **display**: `flex` → `block`
- **flexDirection**: `column` → `row`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `171px` → `156.703px`
- **height**: `55px` → `65px`
- **rect**: `237,532 171x55` → `136,469 157x65`

body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:1 > div:1 > span:1 — "BACKGROUND"

- **textTransform**: `uppercase` → `none`
- **display**: `block` → `inline`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `171px` → `auto`
- **height**: `13px` → `auto`
- **rect**: `237,532 171x13` → `136,477 67x12`

body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:1 > div:2 > span:1 > svg:1

- **lineHeight**: `15px` → `normal`
- **letterSpacing**: `0.8px` → `normal`
- **textTransform**: `uppercase` → `none`
- **color**: `rgb(37, 169, 106)` → `rgb(35, 131, 84)`
- **borderTopColor**: `rgb(37, 169, 106)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **rect**: `560,537 12x12` → `524,495 12x12`

body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:1 > div:2 > button:2

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **display**: `flex` → `block`
- **padding**: `1px 6px` → `0px`
- **width**: `28px` → `16px`
- **height**: `18px` → `16px`
- **rect**: `620,534 28x18` → `575,493 16x16`

body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2

- **gap**: `0px 24px` → `16px`
- **gridTemplateColumns**: `137.594px 137.609px 137.609px` → `189px 119.922px 143.922px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `460.812px` → `484.844px`
- **height**: `75px` → `52px`
- **rect**: `225,596 461x75` → `136,534 485x52`

body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:3 > div:2 > button:2 — "75"

- **letterSpacing**: `0.6px` → `normal`
- **textTransform**: `uppercase` → `none`
- **display**: `flex` → `block`
- **alignItems**: `center` → `normal`
- **padding**: `0px 11.2px` → `0px`
- **width**: `36.5781px` → `35.4844px`
- **rect**: `591,640 37x30` → `514,555 35x30`

body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:3 > div:2 > button:3 — "50"

- **letterSpacing**: `0.6px` → `normal`
- **textTransform**: `uppercase` → `none`
- **display**: `flex` → `block`
- **alignItems**: `center` → `normal`
- **padding**: `0px 11.2px` → `0px`
- **width**: `36.5781px` → `35.4844px`
- **rect**: `628,640 37x30` → `549,555 35x30`

body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:2 > div:3 > div:2 > button:4 — "25"

- **letterSpacing**: `0.6px` → `normal`
- **textTransform**: `uppercase` → `none`
- **display**: `flex` → `block`
- **alignItems**: `center` → `normal`
- **padding**: `0px 11.2px` → `0px`
- **width**: `36.5781px` → `35.4844px`
- **rect**: `664,640 37x30` → `585,555 35x30`

body > main:1 > div:2 > section:1 > div:4 > article:2 > div:3 > div:1 > div:1

- **display**: `flex` → `block`
- **flexDirection**: `column` → `row`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `153px` → `140.203px`
- **height**: `55px` → `65px`
- **rect**: `237,691 153x55` → `136,631 140x65`

body > main:1 > div:2 > section:1 > div:4 > article:2 > div:3 > div:1 > div:1 > span:1 — "TRANSFORM"

- **textTransform**: `uppercase` → `none`
- **display**: `block` → `inline`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `153px` → `auto`
- **height**: `13px` → `auto`
- **rect**: `237,691 153x13` → `136,639 60x12`

body > main:1 > div:2 > section:1 > div:4 > article:2 > div:3 > div:1 > div:2 > span:1 > svg:1

- **lineHeight**: `15px` → `normal`
- **letterSpacing**: `0.8px` → `normal`
- **textTransform**: `uppercase` → `none`
- **color**: `rgb(37, 169, 106)` → `rgb(35, 131, 84)`
- **borderTopColor**: `rgb(37, 169, 106)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **rect**: `560,696 12x12` → `524,657 12x12`

body > main:1 > div:2 > section:1 > div:4 > article:2 > div:3 > div:1 > div:2 > button:2

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **display**: `flex` → `block`
- **padding**: `1px 6px` → `0px`
- **width**: `28px` → `16px`
- **height**: `18px` → `16px`
- **rect**: `620,693 28x18` → `575,655 16x16`

body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:1 > div:1

- **display**: `flex` → `block`
- **flexDirection**: `column` → `row`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `99px` → `90.7188px`
- **height**: `55px` → `65px`
- **rect**: `237,790 99x55` → `136,779 91x65`

body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:1 > div:1 > span:1 — "STYLE"

- **textTransform**: `uppercase` → `none`
- **display**: `block` → `inline`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `99px` → `auto`
- **height**: `13px` → `auto`
- **rect**: `237,790 99x13` → `136,787 34x12`

body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:1 > div:2 > span:1 > svg:1

- **lineHeight**: `15px` → `normal`
- **letterSpacing**: `0.8px` → `normal`
- **textTransform**: `uppercase` → `none`
- **color**: `rgb(37, 169, 106)` → `rgb(35, 131, 84)`
- **borderTopColor**: `rgb(37, 169, 106)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **rect**: `560,795 12x12` → `524,805 12x12`

body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:1 > div:2 > button:2

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **display**: `flex` → `block`
- **padding**: `1px 6px` → `0px`
- **width**: `28px` → `16px`
- **height**: `18px` → `16px`
- **rect**: `620,792 28x18` → `575,803 16x16`

body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:2

- **gap**: `0px 16px` → `16px`
- **gridTemplateColumns**: `222.406px 222.406px` → `234.422px 234.422px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `460.812px` → `484.844px`
- **height**: `67.1875px` → `52px`
- **rect**: `225,854 461x67` → `136,844 485x52`

body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:1 > div:1

- **display**: `flex` → `block`
- **flexDirection**: `column` → `row`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `117px` → `107.219px`
- **height**: `55px` → `65px`
- **rect**: `237,941 117x55` → `136,941 107x65`

body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:1 > div:1 > span:1 — "STYLE"

- **textTransform**: `uppercase` → `none`
- **display**: `block` → `inline`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `117px` → `auto`
- **height**: `13px` → `auto`
- **rect**: `237,941 117x13` → `136,949 34x12`

body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:1 > div:2 > span:1 > svg:1

- **lineHeight**: `15px` → `normal`
- **letterSpacing**: `0.8px` → `normal`
- **textTransform**: `uppercase` → `none`
- **color**: `rgb(37, 169, 106)` → `rgb(35, 131, 84)`
- **borderTopColor**: `rgb(37, 169, 106)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **rect**: `560,946 12x12` → `524,967 12x12`

body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:1 > div:2 > button:2

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **display**: `flex` → `block`
- **padding**: `1px 6px` → `0px`
- **width**: `28px` → `16px`
- **height**: `18px` → `16px`
- **rect**: `620,943 28x18` → `575,965 16x16`

body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:2

- **gap**: `0px 16px` → `16px`
- **gridTemplateColumns**: `222.406px 222.406px` → `234.422px 234.422px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `460.812px` → `484.844px`
- **height**: `53px` → `44px`
- **rect**: `225,1005 461x53` → `136,1006 485x44`

body > main:1 > div:2 > section:2 > div:1

- **gap**: `16px` → `normal`
- **padding**: `0px 0px 12px` → `0px 0px 15px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `482px` → `494.766px`
- **height**: `200.281px` → `177px`
- **rect**: `761,143 482x200` → `715,143 495x177`

body > main:1 > div:2 > section:2 > div:1 > div:2 > button:4 > svg:1

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `16px` → `17px`
- **height**: `16px` → `17px`
- **rect**: `1219,306 16x16` → `1187,272 17x17`

body > main:1 > div:2 > section:2 > div:2 > div:1 > div:2 > b:2 — "original.png · 1200 × 800"

- **fontSize**: `10px` → `9px`
- **textAlign**: `start` → `right`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `150px` → `123.719px`
- **height**: `13px` → `10px`
- **rect**: `1086,648 150x13` → `824,646 124x10`

body > main:1 > div:2 > section:2 > div:2 > div:2 > div:2 > b:2 — "gradient applied"

- **fontSize**: `10px` → `9px`
- **textAlign**: `start` → `right`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `96px` → `79.1719px`
- **height**: `13px` → `10px`
- **rect**: `1140,970 96x13` → `1122,646 79x10`

body > main:1 > div:2 > section:2 > div:2 > div:3 > div:2 > b:2 — "background removed"

- **fontSize**: `10px` → `9px`
- **textAlign**: `start` → `right`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `108px` → `89.0781px`
- **height**: `13px` → `10px`
- **rect**: `1128,1291 108x13` → `858,987 89x10`

body > main:1 > div:2 > section:2 > div:2 > div:4 > div:2 > b:2 — "outline added"

- **fontSize**: `10px` → `9px`
- **textAlign**: `start` → `right`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `78px` → `64.3281px`
- **height**: `13px` → `10px`
- **rect**: `1158,1613 78x13` → `1136,987 64x10`

body > main:1 > div:2 > section:2 > div:2 > div:5 > div:2 > b:2 — "ready · PNG-24"

- **fontSize**: `10px` → `9px`
- **textAlign**: `start` → `right`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `84px` → `69.2812px`
- **height**: `13px` → `10px`
- **rect**: `1152,1934 84x13` → `878,1328 69x10`

body > main:1

- **backgroundColor**: `rgba(0, 0, 0, 0)` → `rgb(238, 241, 244)`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `1280px`
- **height**: `2138.97px` → `1528.5px`
- **rect**: `0,0 1440x2139` → `0,0 1280x1529`

body > main:1 > header:1 > div:3 > span:1 > i:1

- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `8px` → `6px`
- **height**: `8px` → `6px`
- **boxShadow**: `color(srgb 0.145098 0.662745 0.415686 / 0.25) 0px 0px 0px 2px` → `none`
- **rect**: `1105,28 8x8` → `963,29 6x6`

body > main:1 > div:2 > section:1 > div:1 — "PNG PROCESSING WORKSPACE"

- **color**: `rgb(109, 120, 131)` → `rgb(23, 105, 210)`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `508.812px` → `588.844px`
- **height**: `13px` → `12px`
- **rect**: `178,124 509x13` → `51,124 589x12`

body > main:1 > div:2 > section:1 > div:3

- **gap**: `16px` → `normal`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `508.812px` → `588.844px`
- **height**: `50px` → `59px`
- **rect**: `178,459 509x50` → `51,380 589x59`

body > main:1 > div:2 > section:1 > div:4

- **gridTemplateColumns**: `508.812px` → `588.844px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `508.812px` → `588.844px`
- **height**: `550.188px` → `630px`
- **rect**: `178,509 509x550` → `51,439 589x630`

body > main:1 > div:2 > section:1 > div:4 > article:1 > div:3 > div:1 > div:2

- **gap**: `8px` → `13px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `121.375px` → `97px`
- **height**: `21.7812px` → `17px`
- **rect**: `552,532 121x22` → `524,493 97x17`

body > main:1 > div:2 > section:1 > div:4 > article:2 > div:3 > div:1 > div:2

- **gap**: `8px` → `13px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `121.375px` → `97px`
- **height**: `21.7812px` → `17px`
- **rect**: `552,691 121x22` → `524,655 97x17`

body > main:1 > div:2 > section:1 > div:4 > article:3 > div:3 > div:1 > div:2

- **gap**: `8px` → `13px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `121.375px` → `97px`
- **height**: `21.7812px` → `17px`
- **rect**: `552,790 121x22` → `524,803 97x17`

body > main:1 > div:2 > section:1 > div:4 > article:4 > div:3 > div:1 > div:2

- **gap**: `8px` → `13px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `121.375px` → `97px`
- **height**: `21.7812px` → `17px`
- **rect**: `552,941 121x22` → `524,965 97x17`

body > main:1 > div:2 > section:1 > div:5 > span:2 > i:1

- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `8px` → `6px`
- **height**: `8px` → `6px`
- **boxShadow**: `color(srgb 0.145098 0.662745 0.415686 / 0.25) 0px 0px 0px 2px` → `none`
- **rect**: `453,1082 8x8` → `426,1093 6x6`

body > main:1 > div:2 > section:2 > div:2

- **gridTemplateColumns**: `482px` → `241.375px 241.391px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `482px` → `494.766px`
- **height**: `1627.19px` → `1043px`
- **rect**: `761,343 482x1627` → `715,320 495x1043`

body > main:1 > footer:3

- **letterSpacing**: `0.8px` → `normal`
- **gap**: `16px` → `normal`
- **padding**: `16px 57.6px` → `16px 51.2px`
- **width**: `1440px` → `1280px`
- **height**: `49px` → `46px`
- **rect**: `0,2090 1440x49` → `0,1483 1280x46`

body

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `1280px`
- **height**: `2138.97px` → `1528.5px`
- **rect**: `0,0 1440x2139` → `0,0 1280x1529`

body > main:1 > header:1

- **padding**: `0px 57.6px` → `0px 51.2px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `1280px`
- **rect**: `0,0 1440x64` → `0,0 1280x64`

body > main:1 > header:1 > a:1 > span:2 — "easy-png-tools"

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `117.609px` → `107.766px`
- **height**: `18px` → `17px`
- **rect**: `98,23 118x18` → `91,23 108x17`

body > main:1 > header:1 > a:1 > span:3 — "/ WORKSPACE"

- **borderTopColor**: `rgb(23, 105, 210)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `79.2031px` → `73.7031px`
- **height**: `13px` → `12px`
- **rect**: `225,25 79x13` → `209,26 74x12`

body > main:1 > header:1 > div:3

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `277.812px` → `265.328px`
- **height**: `28px` → `29px`
- **rect**: `1105,18 278x28` → `963,17 265x29`

body > main:1 > header:1 > div:3 > span:1 — "AUTO PIPELINE"

- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `103.406px` → `94.875px`
- **height**: `13px` → `12px`
- **rect**: `1105,25 103x13` → `963,26 95x12`

body > main:1 > header:1 > div:3 > div:4

- **alignItems**: `normal` → `center`
- **borderRadius**: `4px` → `0px`
- **width**: `70.4062px` → `64.4531px`
- **height**: `27px` → `26px`
- **rect**: `1312,18 70x27` → `1164,19 64x26`

body > main:1 > div:2 > section:1

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `508.812px` → `588.844px`
- **height**: `970.453px` → `980.594px`
- **rect**: `178,124 509x970` → `51,124 589x981`

body > main:1 > div:2 > section:1 > div:2

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `508.812px` → `588.844px`
- **height**: `248.266px` → `169.594px`
- **rect**: `178,155 509x248` → `51,154 589x170`

body > main:1 > div:2 > section:1 > div:2 > div:1

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `316.203px` → `405.062px`
- **height**: `248.266px` → `169.594px`
- **rect**: `178,155 316x248` → `51,154 405x170`

body > main:1 > div:2 > section:1 > div:2 > div:1 > p:2 — "Chain simple tools together. Every change is processed automatically and previewed at each stage."

- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `316.203px` → `405.062px`
- **height**: `76.7812px` → `51.1875px`
- **rect**: `178,326 316x77` → `51,272 405x51`

body > main:1 > div:2 > section:1 > div:2 > div:2 > span:2 — "source.png"

- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `66px` → `60.4844px`
- **height**: `14px` → `13px`
- **rect**: `560,378 66x14` → `522,299 60x13`

body > main:1 > div:2 > section:1 > div:2 > div:2 > b:3 — "1.8 MB"

- **borderTopColor**: `rgb(23, 105, 210)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `39.6094px` → `36.2969px`
- **height**: `14px` → `13px`
- **rect**: `634,378 40x14` → `591,299 36x13`

Структурные расхождения

—

/preview/list-tools (vs list-tools.html)

• Токены light: 10, dark: 16
• Стиль-расхождений: 303 элементов / 1638 полей (из них геометрия: 303)
• Структурные: +0 / -0 / tag 0 / text 0

Токены — Light

token	ours	ref
--danger	#e5484d	—
--success	#25a96a	—
--text-sm--line-height	—	calc(1.25 / .875)
--text-xs--line-height	—	calc(1 / .75)
--font-weight-medium	—	500
--spacing	—	.25rem
--text-xs	—	.75rem
--radius-md	—	.375rem
--radius-lg	—	.5rem
--text-sm	—	.875rem

Токены — Dark

token	ours	ref
--panel	#182129	#f8fafb
--blue	#54a2ff	#1769d2
--muted	#91a0ac	#6d7883
--background	#11171d	#eef1f4
--danger	#ff7479	—
--foreground	#e8eef2	#17212b
--success	#25a96a	—
--line	#33414c	#cbd3da
--text-sm--line-height	—	calc(1.25 / .875)
--text-xs--line-height	—	calc(1 / .75)
--font-weight-medium	—	500
--spacing	—	.25rem
--text-xs	—	.75rem
--radius-md	—	.375rem
--radius-lg	—	.5rem
--text-sm	—	.875rem

Расхождения стилей (топ 150)

body > main:1 > div:2 > div:1 > div:2

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `16px` → `14px`
- **textAlign**: `start` → `right`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **flexDirection**: `column` → `row`
- **alignItems**: `flex-end` → `center`
- **gap**: `normal` → `14px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `61.2031px` → `123.625px`
- **height**: `73.5938px` → `57.5938px`
- **rect**: `1321,175 61x74` → `1105,206 124x58`

body > main:1 > div:2 > div:3 > section:1 > div:1

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `11px`
- **fontWeight**: `400` → `600`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1.32px`
- **alignItems**: `baseline` → `center`
- **gap**: `16px` → `normal`
- **padding**: `0px 0px 8px` → `0px 0px 12px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `648.406px` → `574.812px`
- **height**: `24px` → `26px`
- **rect**: `58,324 648x24` → `51,415 575x26`

body > main:1 > div:2 > div:3 > section:2 > div:1

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `11px`
- **fontWeight**: `400` → `600`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1.32px`
- **alignItems**: `baseline` → `center`
- **gap**: `16px` → `normal`
- **padding**: `0px 0px 8px` → `0px 0px 12px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `648.406px` → `574.812px`
- **height**: `24px` → `26px`
- **rect**: `734,324 648x24` → `654,415 575x26`

body > main:1 > div:2 > div:3 > section:3 > div:1

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `11px`
- **fontWeight**: `400` → `600`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1.32px`
- **alignItems**: `baseline` → `center`
- **gap**: `16px` → `normal`
- **padding**: `0px 0px 8px` → `0px 0px 12px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `648.406px` → `574.812px`
- **height**: `24px` → `26px`
- **rect**: `58,990 648x24` → `51,1081 575x26`

body > main:1 > div:2 > div:3 > section:4 > div:1

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `11px`
- **fontWeight**: `400` → `600`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1.32px`
- **alignItems**: `baseline` → `center`
- **gap**: `16px` → `normal`
- **padding**: `0px 0px 8px` → `0px 0px 12px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `648.406px` → `574.812px`
- **height**: `24px` → `26px`
- **rect**: `734,990 648x24` → `654,1081 575x26`

body > main:1 > div:2 > div:3 > section:5 > div:1

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `11px`
- **fontWeight**: `400` → `600`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1.32px`
- **alignItems**: `baseline` → `center`
- **gap**: `16px` → `normal`
- **padding**: `0px 0px 8px` → `0px 0px 12px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `648.406px` → `574.812px`
- **height**: `24px` → `26px`
- **rect**: `58,1656 648x24` → `51,1747 575x26`

body > main:1 > div:2 > div:3 > section:6 > div:1

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `11px`
- **fontWeight**: `400` → `600`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1.32px`
- **alignItems**: `baseline` → `center`
- **gap**: `16px` → `normal`
- **padding**: `0px 0px 8px` → `0px 0px 12px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `648.406px` → `574.812px`
- **height**: `24px` → `26px`
- **rect**: `734,1656 648x24` → `654,1747 575x26`

body > main:1 > div:2 > div:1 > div:2 > b:1 — "32"

- **fontSize**: `32px` → `64px`
- **fontWeight**: `700` → `400`
- **lineHeight**: `normal` → `57.6px`
- **letterSpacing**: `normal` → `-5.12px`
- **textAlign**: `start` → `right`
- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `38.4062px` → `60.1406px`
- **height**: `42px` → `57.5938px`
- **rect**: `1344,175 38x42` → `1105,206 60x58`

body > main:1 > div:2 > div:1 > div:1 > h1:2 — "Tool catalog"

- **fontSize**: `32px` → `51.2px`
- **fontWeight**: `700` → `650`
- **lineHeight**: `48px` → `51.2px`
- **letterSpacing**: `normal` → `-3.072px`
- **margin**: `0px` → `12px 0px 14px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `510.719px` → `660px`
- **height**: `48px` → `51.2031px`
- **rect**: `58,147 511x48` → `51,154 660x51`

body > main:1 > header:1 > div:3 > div:4 > span:2 — "/"

- **fontFamily**: `"IBM Plex Mono", monospace` → `"IBM Plex Sans", sans-serif`
- **fontSize**: `10px` → `16px`
- **lineHeight**: `normal` → `24px`
- **color**: `rgb(109, 120, 131)` → `rgb(23, 33, 43)`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `6px` → `4.45312px`
- **height**: `13px` → `24px`
- **rect**: `1344,25 6x13` → `1194,20 4x24`

body > main:1 > div:2 > div:1 > div:1 > div:1 — "EASY-PNG-TOOLS / CATALOG"

- **fontSize**: `12px` → `10px`
- **letterSpacing**: `2.16px` → `1.2px`
- **color**: `rgb(109, 120, 131)` → `rgb(23, 105, 210)`
- **margin**: `0px 0px 8px` → `0px 0px 18px`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `510.719px` → `660px`
- **height**: `15px` → `12px`
- **rect**: `58,124 511x15` → `51,124 660x12`

body > main:1 > div:2 > div:1 > div:1 > p:3 — "Focused utilities for working with PNG. Inspect, transform, and export — locally in your browser."

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `15.2px` → `14px`
- **lineHeight**: `22.8px` → `22.4px`
- **margin**: `8px 0px 0px` → `0px`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `510.719px` → `660px`
- **height**: `45.5938px` → `44.7812px`
- **rect**: `58,203 511x46` → `51,219 660x45`

body > main:1 > div:2 > div:3 > section:1 > div:2 > a:1 > span:2

- **display**: `flex` → `grid`
- **flexDirection**: `column` → `row`
- **gap**: `2px` → `8px`
- **gridTemplateColumns**: `none` → `414.812px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `37px` → `59px`
- **rect**: `131,398 488x37` → `124,478 415x59`

body > main:1 > div:2 > div:3 > section:1 > div:2 > a:2 > span:2

- **display**: `flex` → `grid`
- **flexDirection**: `column` → `row`
- **gap**: `2px` → `8px`
- **gridTemplateColumns**: `none` → `414.812px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `37px` → `41px`
- **rect**: `131,514 488x37` → `124,603 415x41`

body > main:1 > div:2 > div:3 > section:1 > div:2 > a:3 > span:2

- **display**: `flex` → `grid`
- **flexDirection**: `column` → `row`
- **gap**: `2px` → `8px`
- **gridTemplateColumns**: `none` → `414.812px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `37px` → `59px`
- **rect**: `131,630 488x37` → `124,710 415x59`

body > main:1 > div:2 > div:3 > section:1 > div:2 > a:4 > span:2

- **display**: `flex` → `grid`
- **flexDirection**: `column` → `row`
- **gap**: `2px` → `8px`
- **gridTemplateColumns**: `none` → `414.812px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `37px` → `41px`
- **rect**: `131,746 488x37` → `124,835 415x41`

body > main:1 > div:2 > div:3 > section:1 > div:2 > a:5 > span:2

- **display**: `flex` → `grid`
- **flexDirection**: `column` → `row`
- **gap**: `2px` → `8px`
- **gridTemplateColumns**: `none` → `414.812px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `37px` → `59px`
- **rect**: `131,862 488x37` → `124,942 415x59`

body > main:1 > div:2 > div:3 > section:2 > div:2 > a:1 > span:2

- **display**: `flex` → `grid`
- **flexDirection**: `column` → `row`
- **gap**: `2px` → `8px`
- **gridTemplateColumns**: `none` → `414.812px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `55px` → `59px`
- **rect**: `807,389 488x55` → `727,478 415x59`

body > main:1 > div:2 > div:3 > section:2 > div:2 > a:2 > span:2

- **display**: `flex` → `grid`
- **flexDirection**: `column` → `row`
- **gap**: `2px` → `8px`
- **gridTemplateColumns**: `none` → `414.812px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `37px` → `41px`
- **rect**: `807,514 488x37` → `727,603 415x41`

body > main:1 > div:2 > div:3 > section:2 > div:2 > a:3 > span:2

- **display**: `flex` → `grid`
- **flexDirection**: `column` → `row`
- **gap**: `2px` → `8px`
- **gridTemplateColumns**: `none` → `414.812px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `37px` → `41px`
- **rect**: `807,630 488x37` → `727,719 415x41`

body > main:1 > div:2 > div:3 > section:2 > div:2 > a:4 > span:2

- **display**: `flex` → `grid`
- **flexDirection**: `column` → `row`
- **gap**: `2px` → `8px`
- **gridTemplateColumns**: `none` → `414.812px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `37px` → `59px`
- **rect**: `807,746 488x37` → `727,826 415x59`

body > main:1 > div:2 > div:3 > section:2 > div:2 > a:5 > span:2

- **display**: `flex` → `grid`
- **flexDirection**: `column` → `row`
- **gap**: `2px` → `8px`
- **gridTemplateColumns**: `none` → `414.812px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `55px` → `59px`
- **rect**: `807,853 488x55` → `727,942 415x59`

body > main:1 > div:2 > div:3 > section:3 > div:2 > a:1 > span:2

- **display**: `flex` → `grid`
- **flexDirection**: `column` → `row`
- **gap**: `2px` → `8px`
- **gridTemplateColumns**: `none` → `414.812px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `55px` → `59px`
- **rect**: `131,1055 488x55` → `124,1144 415x59`

body > main:1 > div:2 > div:3 > section:3 > div:2 > a:2 > span:2

- **display**: `flex` → `grid`
- **flexDirection**: `column` → `row`
- **gap**: `2px` → `8px`
- **gridTemplateColumns**: `none` → `414.812px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `37px` → `41px`
- **rect**: `131,1180 488x37` → `124,1269 415x41`

body > main:1 > div:2 > div:3 > section:3 > div:2 > a:3 > span:2

- **display**: `flex` → `grid`
- **flexDirection**: `column` → `row`
- **gap**: `2px` → `8px`
- **gridTemplateColumns**: `none` → `414.812px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `37px` → `41px`
- **rect**: `131,1296 488x37` → `124,1385 415x41`

body > main:1 > div:2 > div:3 > section:3 > div:2 > a:4 > span:2

- **display**: `flex` → `grid`
- **flexDirection**: `column` → `row`
- **gap**: `2px` → `8px`
- **gridTemplateColumns**: `none` → `414.812px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `37px` → `41px`
- **rect**: `131,1412 488x37` → `124,1501 415x41`

body > main:1 > div:2 > div:3 > section:3 > div:2 > a:5 > span:2

- **display**: `flex` → `grid`
- **flexDirection**: `column` → `row`
- **gap**: `2px` → `8px`
- **gridTemplateColumns**: `none` → `414.812px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `37px` → `41px`
- **rect**: `131,1528 488x37` → `124,1617 415x41`

body > main:1 > div:2 > div:3 > section:4 > div:2 > a:1 > span:2

- **display**: `flex` → `grid`
- **flexDirection**: `column` → `row`
- **gap**: `2px` → `8px`
- **gridTemplateColumns**: `none` → `414.812px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `55px` → `59px`
- **rect**: `807,1055 488x55` → `727,1144 415x59`

body > main:1 > div:2 > div:3 > section:4 > div:2 > a:2 > span:2

- **display**: `flex` → `grid`
- **flexDirection**: `column` → `row`
- **gap**: `2px` → `8px`
- **gridTemplateColumns**: `none` → `414.812px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `37px` → `41px`
- **rect**: `807,1180 488x37` → `727,1269 415x41`

body > main:1 > div:2 > div:3 > section:4 > div:2 > a:3 > span:2

- **display**: `flex` → `grid`
- **flexDirection**: `column` → `row`
- **gap**: `2px` → `8px`
- **gridTemplateColumns**: `none` → `414.812px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `37px` → `41px`
- **rect**: `807,1296 488x37` → `727,1385 415x41`

body > main:1 > div:2 > div:3 > section:4 > div:2 > a:4 > span:2

- **display**: `flex` → `grid`
- **flexDirection**: `column` → `row`
- **gap**: `2px` → `8px`
- **gridTemplateColumns**: `none` → `414.812px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `37px` → `41px`
- **rect**: `807,1412 488x37` → `727,1501 415x41`

body > main:1 > div:2 > div:3 > section:4 > div:2 > a:5 > span:2

- **display**: `flex` → `grid`
- **flexDirection**: `column` → `row`
- **gap**: `2px` → `8px`
- **gridTemplateColumns**: `none` → `414.812px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `37px` → `41px`
- **rect**: `807,1528 488x37` → `727,1617 415x41`

body > main:1 > div:2 > div:3 > section:5 > div:2 > a:1 > span:2

- **display**: `flex` → `grid`
- **flexDirection**: `column` → `row`
- **gap**: `2px` → `8px`
- **gridTemplateColumns**: `none` → `414.812px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `37px` → `59px`
- **rect**: `131,1730 488x37` → `124,1810 415x59`

body > main:1 > div:2 > div:3 > section:5 > div:2 > a:2 > span:2

- **display**: `flex` → `grid`
- **flexDirection**: `column` → `row`
- **gap**: `2px` → `8px`
- **gridTemplateColumns**: `none` → `414.812px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `37px` → `41px`
- **rect**: `131,1846 488x37` → `124,1935 415x41`

body > main:1 > div:2 > div:3 > section:5 > div:2 > a:3 > span:2

- **display**: `flex` → `grid`
- **flexDirection**: `column` → `row`
- **gap**: `2px` → `8px`
- **gridTemplateColumns**: `none` → `414.812px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `37px` → `41px`
- **rect**: `131,1962 488x37` → `124,2051 415x41`

body > main:1 > div:2 > div:3 > section:5 > div:2 > a:4 > span:2

- **display**: `flex` → `grid`
- **flexDirection**: `column` → `row`
- **gap**: `2px` → `8px`
- **gridTemplateColumns**: `none` → `414.812px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `37px` → `41px`
- **rect**: `131,2078 488x37` → `124,2167 415x41`

body > main:1 > div:2 > div:3 > section:6 > div:2 > a:1 > span:2

- **display**: `flex` → `grid`
- **flexDirection**: `column` → `row`
- **gap**: `2px` → `8px`
- **gridTemplateColumns**: `none` → `414.812px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `37px` → `41px`
- **rect**: `807,1730 488x37` → `727,1819 415x41`

body > main:1 > div:2 > div:3 > section:6 > div:2 > a:2 > span:2

- **display**: `flex` → `grid`
- **flexDirection**: `column` → `row`
- **gap**: `2px` → `8px`
- **gridTemplateColumns**: `none` → `414.812px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `37px` → `41px`
- **rect**: `807,1846 488x37` → `727,1935 415x41`

body > main:1 > div:2 > div:3 > section:6 > div:2 > a:3 > span:2

- **display**: `flex` → `grid`
- **flexDirection**: `column` → `row`
- **gap**: `2px` → `8px`
- **gridTemplateColumns**: `none` → `414.812px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `37px` → `41px`
- **rect**: `807,1962 488x37` → `727,2051 415x41`

body > main:1 > div:2 > div:3 > section:6 > div:2 > a:4 > span:2

- **display**: `flex` → `grid`
- **flexDirection**: `column` → `row`
- **gap**: `2px` → `8px`
- **gridTemplateColumns**: `none` → `414.812px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `37px` → `41px`
- **rect**: `807,2078 488x37` → `727,2167 415x41`

body > main:1 > div:2 > footer:4 > span:1 — "•"

- **letterSpacing**: `0.8px` → `normal`
- **color**: `rgb(109, 120, 131)` → `rgb(23, 105, 210)`
- **display**: `block` → `inline`
- **margin**: `0px` → `0px 8px`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `6.8125px` → `auto`
- **height**: `13px` → `auto`
- **rect**: `258,2231 7x13` → `208,2326 11x12`

body > main:1 > header:1 > nav:2 > a:2 — "Catalog"

- **fontSize**: `12px` → `10px`
- **letterSpacing**: `0.48px` → `normal`
- **color**: `rgb(109, 120, 131)` → `rgb(23, 105, 210)`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `53.7656px` → `38.5px`
- **height**: `15px` → `12px`
- **rect**: `591,24 54x15` → `679,26 39x12`

body > main:1 > header:1 > div:3 > button:2

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **display**: `flex` → `grid`
- **justifyContent**: `center` → `normal`
- **gridTemplateColumns**: `none` → `17px`
- **width**: `28px` → `29px`
- **height**: `28px` → `29px`
- **rect**: `1224,18 28x28` → `1074,17 29x29`

body > main:1 > header:1 > div:3 > button:3

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **display**: `flex` → `grid`
- **justifyContent**: `center` → `normal`
- **gridTemplateColumns**: `none` → `17px`
- **width**: `28px` → `29px`
- **height**: `28px` → `29px`
- **rect**: `1268,18 28x28` → `1119,17 29x29`

body > main:1 > div:2 > div:1 > div:2 > span:2 — "TOOLS AVAILABLE"

- **lineHeight**: `normal` → `14px`
- **letterSpacing**: `0.8px` → `normal`
- **margin**: `5.6px 0px 0px` → `0px`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `61.2031px` → `49.4844px`
- **height**: `26px` → `28px`
- **rect**: `1321,223 61x26` → `1179,221 49x28`

body > main:1 > div:2 > div:2 > div:2 > button:2 — "ALL"

- **letterSpacing**: `0.6px` → `normal`
- **color**: `rgb(255, 255, 255)` → `rgb(23, 105, 210)`
- **backgroundColor**: `rgb(23, 105, 210)` → `rgba(0, 0, 0, 0)`
- **padding**: `6.4px 9.6px` → `8px 10px`
- **borderRadius**: `4px` → `0px`
- **width**: `41px` → `38.5px`
- **height**: `27.7812px` → `30px`
- **rect**: `872,272 41x28` → `769,337 39x30`

body > main:1 > div:2 > div:3 > section:1 > div:1 > span:1 — "CONVERT"

- **fontSize**: `12px` → `11px`
- **fontWeight**: `400` → `600`
- **letterSpacing**: `1.68px` → `1.32px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `62.1719px` → `51.5781px`
- **height**: `15px` → `13px`
- **rect**: `58,324 62x15` → `51,415 52x13`

body > main:1 > div:2 > div:3 > section:2 > div:1 > span:1 — "TRANSPARENCY"

- **fontSize**: `12px` → `11px`
- **fontWeight**: `400` → `600`
- **letterSpacing**: `1.68px` → `1.32px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `106.562px` → `88.4219px`
- **height**: `15px` → `13px`
- **rect**: `734,324 107x15` → `654,415 88x13`

body > main:1 > div:2 > div:3 > section:3 > div:1 > span:1 — "COLOR"

- **fontSize**: `12px` → `11px`
- **fontWeight**: `400` → `600`
- **letterSpacing**: `1.68px` → `1.32px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `44.4062px` → `36.8438px`
- **height**: `15px` → `13px`
- **rect**: `58,990 44x15` → `51,1081 37x13`

body > main:1 > div:2 > div:3 > section:4 > div:1 > span:1 — "GEOMETRY"

- **fontSize**: `12px` → `11px`
- **fontWeight**: `400` → `600`
- **letterSpacing**: `1.68px` → `1.32px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `71.0469px` → `58.9531px`
- **height**: `15px` → `13px`
- **rect**: `734,990 71x15` → `654,1081 59x13`

body > main:1 > div:2 > div:3 > section:5 > div:1 > span:1 — "FILTERS"

- **fontSize**: `12px` → `11px`
- **fontWeight**: `400` → `600`
- **letterSpacing**: `1.68px` → `1.32px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `62.1719px` → `51.5781px`
- **height**: `15px` → `13px`
- **rect**: `58,1656 62x15` → `51,1747 52x13`

body > main:1 > div:2 > div:3 > section:6 > div:1 > span:1 — "ANALYZE"

- **fontSize**: `12px` → `11px`
- **fontWeight**: `400` → `600`
- **letterSpacing**: `1.68px` → `1.32px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `62.1719px` → `51.5781px`
- **height**: `15px` → `13px`
- **rect**: `734,1656 62x15` → `654,1747 52x13`

body > main:1 > div:2 > footer:4 — "ALL OPERATIONS RUN LOCALLY YOUR FILES NEVER LEAVE THIS DEVICE"

- **letterSpacing**: `0.8px` → `normal`
- **display**: `flex` → `block`
- **gap**: `24px` → `normal`
- **padding**: `24px 0px 0px` → `20px 0px 0px`
- **margin**: `56px 0px 0px` → `64px 0px 0px`
- **width**: `1324.81px` → `1177.62px`
- **height**: `38px` → `33px`
- **rect**: `58,2206 1325x38` → `51,2305 1178x33`

body > main:1 > header:1 > nav:2

- **gap**: `18px` → `22px`
- **margin**: `0px 0px 0px 24px` → `0px 28px 0px 337.797px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `376.594px` → `296.938px`
- **height**: `15px` → `12px`
- **rect**: `504,24 377x15` → `607,26 297x12`

body > main:1 > header:1 > nav:2 > a:1 — "Workspace"

- **fontSize**: `12px` → `10px`
- **letterSpacing**: `0.48px` → `normal`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `69.125px` → `49.4844px`
- **height**: `15px` → `12px`
- **rect**: `504,24 69x15` → `607,26 49x12`

body > main:1 > header:1 > nav:2 > a:3 — "Gradient"

- **fontSize**: `12px` → `10px`
- **letterSpacing**: `0.48px` → `normal`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `61.4531px` → `43.9844px`
- **height**: `15px` → `12px`
- **rect**: `663,24 61x15` → `739,26 44x12`

body > main:1 > header:1 > nav:2 > a:4 — "Background remover"

- **fontSize**: `12px` → `10px`
- **letterSpacing**: `0.48px` → `normal`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `138.25px` → `98.9688px`
- **height**: `15px` → `12px`
- **rect**: `742,24 138x15` → `805,26 99x12`

body > main:1 > header:1 > div:3 > button:2 > svg:1

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `16px` → `17px`
- **height**: `16px` → `17px`
- **rect**: `1230,24 16x16` → `1080,23 17x17`

body > main:1 > header:1 > div:3 > button:3 > svg:1

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `16px` → `17px`
- **height**: `16px` → `17px`
- **rect**: `1274,24 16x16` → `1125,23 17x17`

body > main:1 > div:2 > div:1

- **gap**: `24px` → `40px`
- **padding**: `0px` → `0px 0px 42px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1324.81px` → `1177.62px`
- **height**: `124.594px` → `182.984px`
- **rect**: `58,124 1325x125` → `51,124 1178x183`

body > main:1 > div:2 > div:2

- **gap**: `16px` → `24px`
- **padding**: `20px 0px` → `24px 0px 42px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1324.81px` → `1177.62px`
- **height**: `75px` → `108px`
- **rect**: `58,249 1325x75` → `51,307 1178x108`

body > main:1 > div:2 > div:2 > label:1

- **backgroundColor**: `rgb(248, 250, 251)` → `rgba(0, 0, 0, 0)`
- **gap**: `8px` → `12px`
- **padding**: `8px 12px` → `12px 14px`
- **borderRadius**: `4px` → `0px`
- **width**: `202px` → `420px`
- **height**: `35px` → `42px`
- **rect**: `58,269 202x35` → `51,331 420x42`

body > main:1 > div:2 > div:2 > div:2 > button:3 — "CONVERT"

- **letterSpacing**: `0.6px` → `normal`
- **padding**: `6.4px 9.6px` → `8px 10px`
- **borderRadius**: `4px` → `0px`
- **borderTopColor**: `rgb(203, 211, 218)` → `rgba(0, 0, 0, 0)`
- **width**: `67.3906px` → `60.5px`
- **height**: `27.7812px` → `30px`
- **rect**: `920,272 67x28` → `814,337 61x30`

body > main:1 > div:2 > div:2 > div:2 > button:4 — "TRANSPARENCY"

- **letterSpacing**: `0.6px` → `normal`
- **padding**: `6.4px 9.6px` → `8px 10px`
- **borderRadius**: `4px` → `0px`
- **borderTopColor**: `rgb(203, 211, 218)` → `rgba(0, 0, 0, 0)`
- **width**: `100.391px` → `87.9844px`
- **height**: `27.7812px` → `30px`
- **rect**: `993,272 100x28` → `880,337 88x30`

body > main:1 > div:2 > div:2 > div:2 > button:5 — "COLOR"

- **letterSpacing**: `0.6px` → `normal`
- **padding**: `6.4px 9.6px` → `8px 10px`
- **borderRadius**: `4px` → `0px`
- **borderTopColor**: `rgb(203, 211, 218)` → `rgba(0, 0, 0, 0)`
- **width**: `54.1875px` → `49.5px`
- **height**: `27.7812px` → `30px`
- **rect**: `1100,272 54x28` → `974,337 50x30`

body > main:1 > div:2 > div:2 > div:2 > button:6 — "GEOMETRY"

- **letterSpacing**: `0.6px` → `normal`
- **padding**: `6.4px 9.6px` → `8px 10px`
- **borderRadius**: `4px` → `0px`
- **borderTopColor**: `rgb(203, 211, 218)` → `rgba(0, 0, 0, 0)`
- **width**: `74px` → `65.9844px`
- **height**: `27.7812px` → `30px`
- **rect**: `1161,272 74x28` → `1030,337 66x30`

body > main:1 > div:2 > div:2 > div:2 > button:7 — "FILTERS"

- **letterSpacing**: `0.6px` → `normal`
- **padding**: `6.4px 9.6px` → `8px 10px`
- **borderRadius**: `4px` → `0px`
- **borderTopColor**: `rgb(203, 211, 218)` → `rgba(0, 0, 0, 0)`
- **width**: `67.3906px` → `60.5px`
- **height**: `27.7812px` → `30px`
- **rect**: `1241,272 67x28` → `1102,337 61x30`

body > main:1 > div:2 > div:2 > div:2 > button:8 — "ANALYZE"

- **letterSpacing**: `0.6px` → `normal`
- **padding**: `6.4px 9.6px` → `8px 10px`
- **borderRadius**: `4px` → `0px`
- **borderTopColor**: `rgb(203, 211, 218)` → `rgba(0, 0, 0, 0)`
- **width**: `67.3906px` → `60.5px`
- **height**: `27.7812px` → `30px`
- **rect**: `1315,272 67x28` → `1168,337 61x30`

body > main:1 > div:2 > div:3 > section:1

- **display**: `flex` → `block`
- **flexDirection**: `column` → `row`
- **gap**: `16px` → `normal`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `648.406px` → `574.812px`
- **rect**: `58,324 648x610` → `51,415 575x610`

body > main:1 > div:2 > div:3 > section:1 > div:2

- **gridTemplateColumns**: `648.406px` → `574.812px`
- **padding**: `0px` → `14px 0px 0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `648.406px` → `574.812px`
- **height**: `570px` → `584px`
- **rect**: `58,364 648x570` → `51,441 575x584`

body > main:1 > div:2 > div:3 > section:2

- **display**: `flex` → `block`
- **flexDirection**: `column` → `row`
- **gap**: `16px` → `normal`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `648.406px` → `574.812px`
- **rect**: `734,324 648x610` → `654,415 575x610`

body > main:1 > div:2 > div:3 > section:2 > div:2

- **gridTemplateColumns**: `648.406px` → `574.812px`
- **padding**: `0px` → `14px 0px 0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `648.406px` → `574.812px`
- **height**: `570px` → `584px`
- **rect**: `734,364 648x570` → `654,441 575x584`

body > main:1 > div:2 > div:3 > section:3

- **display**: `flex` → `block`
- **flexDirection**: `column` → `row`
- **gap**: `16px` → `normal`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `648.406px` → `574.812px`
- **rect**: `58,990 648x610` → `51,1081 575x610`

body > main:1 > div:2 > div:3 > section:3 > div:2

- **gridTemplateColumns**: `648.406px` → `574.812px`
- **padding**: `0px` → `14px 0px 0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `648.406px` → `574.812px`
- **height**: `570px` → `584px`
- **rect**: `58,1030 648x570` → `51,1107 575x584`

body > main:1 > div:2 > div:3 > section:4

- **display**: `flex` → `block`
- **flexDirection**: `column` → `row`
- **gap**: `16px` → `normal`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `648.406px` → `574.812px`
- **rect**: `734,990 648x610` → `654,1081 575x610`

body > main:1 > div:2 > div:3 > section:4 > div:2

- **gridTemplateColumns**: `648.406px` → `574.812px`
- **padding**: `0px` → `14px 0px 0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `648.406px` → `574.812px`
- **height**: `570px` → `584px`
- **rect**: `734,1030 648x570` → `654,1107 575x584`

body > main:1 > div:2 > div:3 > section:5

- **display**: `flex` → `block`
- **flexDirection**: `column` → `row`
- **gap**: `16px` → `normal`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `648.406px` → `574.812px`
- **rect**: `58,1656 648x494` → `51,1747 575x494`

body > main:1 > div:2 > div:3 > section:5 > div:2

- **gridTemplateColumns**: `648.406px` → `574.812px`
- **padding**: `0px` → `14px 0px 0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `648.406px` → `574.812px`
- **height**: `454px` → `468px`
- **rect**: `58,1696 648x454` → `51,1773 575x468`

body > main:1 > div:2 > div:3 > section:6

- **display**: `flex` → `block`
- **flexDirection**: `column` → `row`
- **gap**: `16px` → `normal`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `648.406px` → `574.812px`
- **rect**: `734,1656 648x494` → `654,1747 575x494`

body > main:1 > div:2 > div:3 > section:6 > div:2

- **gridTemplateColumns**: `648.406px` → `574.812px`
- **padding**: `0px` → `14px 0px 0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `648.406px` → `574.812px`
- **height**: `454px` → `468px`
- **rect**: `734,1696 648x454` → `654,1773 575x468`

body > main:1

- **backgroundColor**: `rgba(0, 0, 0, 0)` → `rgb(238, 241, 244)`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `1280px`
- **height**: `2315.59px` → `2409.98px`
- **rect**: `0,0 1440x2316` → `0,0 1280x2410`

body > main:1 > header:1 > div:3 > span:1 > i:1

- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `8px` → `6px`
- **height**: `8px` → `6px`
- **boxShadow**: `color(srgb 0.145098 0.662745 0.415686 / 0.25) 0px 0px 0px 2px` → `none`
- **rect**: `1071,28 8x8` → `932,29 6x6`

body > main:1 > div:2

- **padding**: `60px 57.6px 72px` → `60px 51.2px 72px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `1280px`
- **height**: `2251.59px` → `2345.98px`
- **rect**: `0,64 1440x2252` → `0,64 1280x2346`

body > main:1 > div:2 > div:2 > div:2

- **gap**: `6.4px` → `6px`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `531.484px` → `480.469px`
- **height**: `27.7812px` → `30px`
- **rect**: `851,272 531x28` → `748,337 480x30`

body > main:1 > div:2 > div:3 > section:1 > div:1 > i:2 — "05 TOOLS"

- **letterSpacing**: `0.8px` → `1.32px`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `54.4062px` → `54.5625px`
- **height**: `13px` → `12px`
- **rect**: `652,326 54x13` → `571,415 55x12`

body > main:1 > div:2 > div:3 > section:2 > div:1 > i:2 — "05 TOOLS"

- **letterSpacing**: `0.8px` → `1.32px`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `54.4062px` → `54.5625px`
- **height**: `13px` → `12px`
- **rect**: `1328,326 54x13` → `1174,415 55x12`

body > main:1 > div:2 > div:3 > section:3 > div:1 > i:2 — "05 TOOLS"

- **letterSpacing**: `0.8px` → `1.32px`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `54.4062px` → `54.5625px`
- **height**: `13px` → `12px`
- **rect**: `652,992 54x13` → `571,1081 55x12`

body > main:1 > div:2 > div:3 > section:4 > div:1 > i:2 — "05 TOOLS"

- **letterSpacing**: `0.8px` → `1.32px`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `54.4062px` → `54.5625px`
- **height**: `13px` → `12px`
- **rect**: `1328,992 54x13` → `1174,1081 55x12`

body > main:1 > div:2 > div:3 > section:5 > div:1 > i:2 — "04 TOOLS"

- **letterSpacing**: `0.8px` → `1.32px`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `54.4062px` → `54.5625px`
- **height**: `13px` → `12px`
- **rect**: `652,1658 54x13` → `571,1747 55x12`

body > main:1 > div:2 > div:3 > section:6 > div:1 > i:2 — "04 TOOLS"

- **letterSpacing**: `0.8px` → `1.32px`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `54.4062px` → `54.5625px`
- **height**: `13px` → `12px`
- **rect**: `1328,1658 54x13` → `1174,1747 55x12`

body

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `1280px`
- **height**: `2315.59px` → `2409.98px`
- **rect**: `0,0 1440x2316` → `0,0 1280x2410`

body > main:1 > header:1

- **padding**: `0px 57.6px` → `0px 51.2px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `1280px`
- **rect**: `0,0 1440x64` → `0,0 1280x64`

body > main:1 > header:1 > a:1 > span:2 — "easy-png-tools"

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `117.609px` → `107.766px`
- **height**: `18px` → `17px`
- **rect**: `98,23 118x18` → `91,23 108x17`

body > main:1 > header:1 > a:1 > span:3 — "/ CATALOG"

- **borderTopColor**: `rgb(23, 105, 210)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `64.8125px` → `60.2969px`
- **height**: `13px` → `12px`
- **rect**: `225,25 65x13` → `209,26 60x12`

body > main:1 > header:1 > div:3

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `311.812px` → `296.828px`
- **height**: `28px` → `29px`
- **rect**: `1071,18 312x28` → `932,17 297x29`

body > main:1 > header:1 > div:3 > span:1 — "LOCAL MODE / READY"

- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `137.406px` → `126.375px`
- **height**: `13px` → `12px`
- **rect**: `1071,25 137x13` → `932,26 126x12`

body > main:1 > header:1 > div:3 > div:4

- **alignItems**: `normal` → `center`
- **borderRadius**: `4px` → `0px`
- **width**: `70.4062px` → `64.4531px`
- **height**: `27px` → `26px`
- **rect**: `1312,18 70x27` → `1164,19 64x26`

body > main:1 > div:2 > div:1 > div:1

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `510.719px` → `660px`
- **height**: `124.594px` → `139.984px`
- **rect**: `58,124 511x125` → `51,124 660x140`

body > main:1 > div:2 > div:1 > div:2 > span:2 > br:1

- **lineHeight**: `normal` → `14px`
- **letterSpacing**: `0.8px` → `normal`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **rect**: `1382,223 0x13` → `1229,222 0x12`

body > main:1 > div:2 > div:3

- **gridTemplateColumns**: `648.406px 648.406px` → `574.812px 574.812px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1324.81px` → `1177.62px`
- **rect**: `58,324 1325x1826` → `51,415 1178x1826`

body > main:1 > div:2 > div:3 > section:1 > div:2 > a:1 > span:2 > strong:1 — "Convert JPG to PNG"

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `17px` → `15px`
- **rect**: `131,398 488x17` → `124,478 415x15`

body > main:1 > div:2 > div:3 > section:1 > div:2 > a:1 > span:2 > span:2 — "Re-encode JPEG files as lossless PNG while preserving transparency."

- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `18px` → `36px`
- **rect**: `131,417 488x18` → `124,501 415x36`

body > main:1 > div:2 > div:3 > section:1 > div:2 > a:1 > svg:4

- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **opacity**: `1` → `0`
- **rect**: `671,409 16x16` → `591,500 16x16`

body > main:1 > div:2 > div:3 > section:1 > div:2 > a:2 > span:2 > strong:1 — "Convert WebP to PNG"

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `17px` → `15px`
- **rect**: `131,514 488x17` → `124,603 415x15`

body > main:1 > div:2 > div:3 > section:1 > div:2 > a:2 > svg:4

- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **opacity**: `1` → `0`
- **rect**: `671,525 16x16` → `591,616 16x16`

body > main:1 > div:2 > div:3 > section:1 > div:2 > a:3 > span:2 > strong:1 — "PNG to Base64"

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `17px` → `15px`
- **rect**: `131,630 488x17` → `124,710 415x15`

body > main:1 > div:2 > div:3 > section:1 > div:2 > a:3 > span:2 > span:2 — "Encode an image as a base64 string for embedding in code or styles."

- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `18px` → `36px`
- **rect**: `131,649 488x18` → `124,733 415x36`

body > main:1 > div:2 > div:3 > section:1 > div:2 > a:3 > svg:4

- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **opacity**: `1` → `0`
- **rect**: `671,641 16x16` → `591,732 16x16`

body > main:1 > div:2 > div:3 > section:1 > div:2 > a:4 > span:2 > strong:1 — "PNG to Data URI"

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `17px` → `15px`
- **rect**: `131,746 488x17` → `124,835 415x15`

body > main:1 > div:2 > div:3 > section:1 > div:2 > a:4 > svg:4

- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **opacity**: `1` → `0`
- **rect**: `671,757 16x16` → `591,848 16x16`

body > main:1 > div:2 > div:3 > section:1 > div:2 > a:5 > span:2 > strong:1 — "Convert PNG to JPG"

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `17px` → `15px`
- **rect**: `131,862 488x17` → `124,942 415x15`

body > main:1 > div:2 > div:3 > section:1 > div:2 > a:5 > span:2 > span:2 — "Composite transparency over a selected backdrop and export JPEG."

- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `18px` → `36px`
- **rect**: `131,881 488x18` → `124,965 415x36`

body > main:1 > div:2 > div:3 > section:1 > div:2 > a:5 > svg:4

- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **opacity**: `1` → `0`
- **rect**: `671,873 16x16` → `591,964 16x16`

body > main:1 > div:2 > div:3 > section:2 > div:2 > a:1 > span:2 > strong:1 — "Remove background PNG"

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `17px` → `15px`
- **rect**: `807,389 488x17` → `727,478 415x15`

body > main:1 > div:2 > div:3 > section:2 > div:2 > a:1 > svg:4

- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **opacity**: `1` → `0`
- **rect**: `1347,409 16x16` → `1194,500 16x16`

body > main:1 > div:2 > div:3 > section:2 > div:2 > a:2 > span:2 > strong:1 — "Extract alpha mask"

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `17px` → `15px`
- **rect**: `807,514 488x17` → `727,603 415x15`

body > main:1 > div:2 > div:3 > section:2 > div:2 > a:2 > svg:4

- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **opacity**: `1` → `0`
- **rect**: `1347,525 16x16` → `1194,616 16x16`

body > main:1 > div:2 > div:3 > section:2 > div:2 > a:3 > span:2 > strong:1 — "Round corners PNG"

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `17px` → `15px`
- **rect**: `807,630 488x17` → `727,719 415x15`

body > main:1 > div:2 > div:3 > section:2 > div:2 > a:3 > svg:4

- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **opacity**: `1` → `0`
- **rect**: `1347,641 16x16` → `1194,732 16x16`

body > main:1 > div:2 > div:3 > section:2 > div:2 > a:4 > span:2 > strong:1 — "Outline PNG"

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `17px` → `15px`
- **rect**: `807,746 488x17` → `727,826 415x15`

body > main:1 > div:2 > div:3 > section:2 > div:2 > a:4 > span:2 > span:2 — "Add a colored ring around opaque content with adjustable thickness."

- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `18px` → `36px`
- **rect**: `807,765 488x18` → `727,849 415x36`

body > main:1 > div:2 > div:3 > section:2 > div:2 > a:4 > svg:4

- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **opacity**: `1` → `0`
- **rect**: `1347,757 16x16` → `1194,848 16x16`

body > main:1 > div:2 > div:3 > section:2 > div:2 > a:5 > span:2 > strong:1 — "Change PNG opacity"

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `17px` → `15px`
- **rect**: `807,853 488x17` → `727,942 415x15`

body > main:1 > div:2 > div:3 > section:2 > div:2 > a:5 > svg:4

- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **opacity**: `1` → `0`
- **rect**: `1347,873 16x16` → `1194,964 16x16`

body > main:1 > div:2 > div:3 > section:3 > div:2 > a:1 > span:2 > strong:1 — "Create gradient PNG"

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `17px` → `15px`
- **rect**: `131,1055 488x17` → `124,1144 415x15`

body > main:1 > div:2 > div:3 > section:3 > div:2 > a:1 > svg:4

- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **opacity**: `1` → `0`
- **rect**: `671,1075 16x16` → `591,1166 16x16`

body > main:1 > div:2 > div:3 > section:3 > div:2 > a:2 > span:2 > strong:1 — "Grayscale PNG"

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `17px` → `15px`
- **rect**: `131,1180 488x17` → `124,1269 415x15`

body > main:1 > div:2 > div:3 > section:3 > div:2 > a:2 > svg:4

- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **opacity**: `1` → `0`
- **rect**: `671,1191 16x16` → `591,1282 16x16`

body > main:1 > div:2 > div:3 > section:3 > div:2 > a:3 > span:2 > strong:1 — "Invert colors PNG"

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `17px` → `15px`
- **rect**: `131,1296 488x17` → `124,1385 415x15`

body > main:1 > div:2 > div:3 > section:3 > div:2 > a:3 > svg:4

- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **opacity**: `1` → `0`
- **rect**: `671,1307 16x16` → `591,1398 16x16`

body > main:1 > div:2 > div:3 > section:3 > div:2 > a:4 > span:2 > strong:1 — "Brightness & contrast"

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `17px` → `15px`
- **rect**: `131,1412 488x17` → `124,1501 415x15`

body > main:1 > div:2 > div:3 > section:3 > div:2 > a:4 > svg:4

- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **opacity**: `1` → `0`
- **rect**: `671,1423 16x16` → `591,1514 16x16`

body > main:1 > div:2 > div:3 > section:3 > div:2 > a:5 > span:2 > strong:1 — "Temperature PNG"

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `17px` → `15px`
- **rect**: `131,1528 488x17` → `124,1617 415x15`

body > main:1 > div:2 > div:3 > section:3 > div:2 > a:5 > svg:4

- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **opacity**: `1` → `0`
- **rect**: `671,1539 16x16` → `591,1630 16x16`

body > main:1 > div:2 > div:3 > section:4 > div:2 > a:1 > span:2 > strong:1 — "Resize PNG"

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `17px` → `15px`
- **rect**: `807,1055 488x17` → `727,1144 415x15`

body > main:1 > div:2 > div:3 > section:4 > div:2 > a:1 > svg:4

- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **opacity**: `1` → `0`
- **rect**: `1347,1075 16x16` → `1194,1166 16x16`

body > main:1 > div:2 > div:3 > section:4 > div:2 > a:2 > span:2 > strong:1 — "Crop PNG"

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `17px` → `15px`
- **rect**: `807,1180 488x17` → `727,1269 415x15`

body > main:1 > div:2 > div:3 > section:4 > div:2 > a:2 > svg:4

- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **opacity**: `1` → `0`
- **rect**: `1347,1191 16x16` → `1194,1282 16x16`

body > main:1 > div:2 > div:3 > section:4 > div:2 > a:3 > span:2 > strong:1 — "Rotate PNG"

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `17px` → `15px`
- **rect**: `807,1296 488x17` → `727,1385 415x15`

body > main:1 > div:2 > div:3 > section:4 > div:2 > a:3 > svg:4

- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **opacity**: `1` → `0`
- **rect**: `1347,1307 16x16` → `1194,1398 16x16`

body > main:1 > div:2 > div:3 > section:4 > div:2 > a:4 > span:2 > strong:1 — "Flip PNG"

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `17px` → `15px`
- **rect**: `807,1412 488x17` → `727,1501 415x15`

body > main:1 > div:2 > div:3 > section:4 > div:2 > a:4 > svg:4

- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **opacity**: `1` → `0`
- **rect**: `1347,1423 16x16` → `1194,1514 16x16`

body > main:1 > div:2 > div:3 > section:4 > div:2 > a:5 > span:2 > strong:1 — "Add padding to PNG"

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `17px` → `15px`
- **rect**: `807,1528 488x17` → `727,1617 415x15`

body > main:1 > div:2 > div:3 > section:4 > div:2 > a:5 > svg:4

- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **opacity**: `1` → `0`
- **rect**: `1347,1539 16x16` → `1194,1630 16x16`

body > main:1 > div:2 > div:3 > section:5 > div:2 > a:1 > span:2 > strong:1 — "Blur PNG"

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `17px` → `15px`
- **rect**: `131,1730 488x17` → `124,1810 415x15`

body > main:1 > div:2 > div:3 > section:5 > div:2 > a:1 > span:2 > span:2 — "Apply a fast Gaussian-style blur with transparent edge handling."

- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `18px` → `36px`
- **rect**: `131,1749 488x18` → `124,1833 415x36`

body > main:1 > div:2 > div:3 > section:5 > div:2 > a:1 > svg:4

- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **opacity**: `1` → `0`
- **rect**: `671,1741 16x16` → `591,1832 16x16`

body > main:1 > div:2 > div:3 > section:5 > div:2 > a:2 > span:2 > strong:1 — "Sharpen PNG"

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `17px` → `15px`
- **rect**: `131,1846 488x17` → `124,1935 415x15`

body > main:1 > div:2 > div:3 > section:5 > div:2 > a:2 > svg:4

- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **opacity**: `1` → `0`
- **rect**: `671,1857 16x16` → `591,1948 16x16`

body > main:1 > div:2 > div:3 > section:5 > div:2 > a:3 > span:2 > strong:1 — "Vignette PNG"

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `488.406px` → `414.812px`
- **height**: `17px` → `15px`
- **rect**: `131,1962 488x17` → `124,2051 415x15`

Структурные расхождения

—

/preview/tools/linear-gradient-png (vs gradient.html)

• Токены light: 10, dark: 16
• Стиль-расхождений: 103 элементов / 906 полей (из них геометрия: 103)
• Структурные: +0 / -0 / tag 0 / text 0

Токены — Light

token	ours	ref
--danger	#e5484d	—
--success	#25a96a	—
--text-sm--line-height	—	calc(1.25 / .875)
--text-xs--line-height	—	calc(1 / .75)
--font-weight-medium	—	500
--spacing	—	.25rem
--text-xs	—	.75rem
--radius-md	—	.375rem
--radius-lg	—	.5rem
--text-sm	—	.875rem

Токены — Dark

token	ours	ref
--panel	#182129	#f8fafb
--blue	#54a2ff	#1769d2
--muted	#91a0ac	#6d7883
--background	#11171d	#eef1f4
--danger	#ff7479	—
--foreground	#e8eef2	#17212b
--success	#25a96a	—
--line	#33414c	#cbd3da
--text-sm--line-height	—	calc(1.25 / .875)
--text-xs--line-height	—	calc(1 / .75)
--font-weight-medium	—	500
--spacing	—	.25rem
--text-xs	—	.75rem
--radius-md	—	.375rem
--radius-lg	—	.5rem
--text-sm	—	.875rem

Расхождения стилей (топ 103)

body > main:1 > div:2 > div:3 > section:2 > div:1 > div:2 > button:2 — "Download PNG"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `13.3333px` → `11px`
- **color**: `rgb(0, 0, 0)` → `rgb(255, 255, 255)`
- **backgroundColor**: `rgb(240, 240, 240)` → `rgb(23, 105, 210)`
- **display**: `inline-block` → `flex`
- **alignItems**: `normal` → `center`
- **justifyContent**: `normal` → `center`
- **gap**: `normal` → `9px`
- **padding**: `1px 6px` → `0px`
- **margin**: `0px` → `18px 0px 0px`
- **borderTopWidth**: `2px` → `0px`
- **borderTopColor**: `rgb(0, 0, 0)` → `rgb(255, 255, 255)`
- **borderTopStyle**: `outset` → `none`
- **width**: `141.297px` → `210.562px`
- **height**: `25px` → `42px`
- **rect**: `95,560 141x25` → `997,398 211x42`

body > main:1 > div:2 > div:3 > section:1 > div:6 > button:1 — "Reset"

- **fontSize**: `13.3333px` → `12px`
- **lineHeight**: `normal` → `18px`
- **color**: `rgb(0, 0, 0)` → `rgb(23, 105, 210)`
- **backgroundColor**: `rgb(240, 240, 240)` → `rgba(0, 0, 0, 0)`
- **display**: `inline-block` → `flex`
- **alignItems**: `normal` → `center`
- **gap**: `normal` → `7px`
- **padding**: `1px 6px` → `0px`
- **borderTopWidth**: `2px` → `0px`
- **borderTopColor**: `rgb(0, 0, 0)` → `rgb(23, 105, 210)`
- **borderTopStyle**: `outset` → `none`
- **width**: `67.2969px` → `52.3594px`
- **height**: `24px` → `18px`
- **rect**: `0,512 67x24` → `72,918 52x18`

body > main:1 > div:2 > div:3 > section:2 > div:1 > div:2 > button:1 — "Copy CSS"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `13.3333px` → `10px`
- **color**: `rgb(0, 0, 0)` → `rgb(109, 120, 131)`
- **backgroundColor**: `rgb(240, 240, 240)` → `rgba(0, 0, 0, 0)`
- **display**: `inline-block` → `flex`
- **alignItems**: `normal` → `center`
- **gap**: `normal` → `8px`
- **padding**: `1px 6px` → `8px 6px`
- **borderTopWidth**: `2px` → `1px`
- **borderTopColor**: `rgb(0, 0, 0)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `outset` → `solid`
- **width**: `91px` → `80.9844px`
- **height**: `25px` → `33px`
- **rect**: `0,560 91x25` → `1127,337 81x33`

body > main:1 > div:2 > div:3 > section:2 > div:3 > div:1 > button:2

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **color**: `rgb(0, 0, 0)` → `rgb(109, 120, 131)`
- **backgroundColor**: `rgb(240, 240, 240)` → `rgba(0, 0, 0, 0)`
- **display**: `inline-block` → `grid`
- **alignItems**: `normal` → `center`
- **gridTemplateColumns**: `none` → `14px`
- **padding**: `1px 6px` → `6px`
- **borderTopWidth**: `2px` → `0px`
- **borderTopColor**: `rgb(0, 0, 0)` → `rgb(109, 120, 131)`
- **borderTopStyle**: `outset` → `none`
- **width**: `30px` → `26px`
- **height**: `24px` → `26px`
- **rect**: `126,634 30x24` → `1182,1061 26x26`

body > main:1 > div:2 > div:3 > section:1 > div:2 > label:1 — "GRADIENT TYPE"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1px`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `inline` → `flex`
- **justifyContent**: `normal` → `space-between`
- **margin**: `0px` → `0px 0px 12px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `350.562px`
- **height**: `auto` → `12px`
- **rect**: `0,293 120x20` → `72,424 351x12`

body > main:1 > div:2 > div:3 > section:1 > div:3 > label:1 — "COLOR STOPS"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1px`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `inline` → `flex`
- **justifyContent**: `normal` → `space-between`
- **margin**: `0px` → `0px 0px 12px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `350.562px`
- **height**: `auto` → `12px`
- **rect**: `0,342 102x20` → `72,525 351x12`

body > main:1 > div:2 > div:3 > section:1 > div:4 > label:1 — "DIRECTION"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1px`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `inline` → `flex`
- **justifyContent**: `normal` → `space-between`
- **margin**: `0px` → `0px 0px 12px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `350.562px`
- **height**: `auto` → `12px`
- **rect**: `0,440 129x20` → `72,654 351x12`

body > main:1 > div:2 > div:3 > section:1 > div:5 > label:1 — "OPACITY"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1px`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `inline` → `flex`
- **justifyContent**: `normal` → `space-between`
- **margin**: `0px` → `0px 0px 12px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `350.562px`
- **height**: `auto` → `12px`
- **rect**: `0,489 116x20` → `72,831 351x12`

body > main:1 > div:2 > div:3 > section:2 > div:2 > div:1 > div:1 — "PNG"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(255, 255, 255)`
- **display**: `block` → `grid`
- **alignItems**: `normal` → `center`
- **gridTemplateColumns**: `none` → `68px`
- **margin**: `0px` → `0px 0px 12px`
- **borderTopWidth**: `0px` → `1px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgba(255, 255, 255, 0.65)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `70px`
- **height**: `24px` → `70px`
- **rect**: `0,585 1440x24` → `829,704 70x70`

body > main:1 > div:2 > div:2 > span:2 — "LIVE PREVIEW"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(37, 169, 106)`
- **display**: `inline` → `flex`
- **alignItems**: `normal` → `center`
- **gap**: `normal` → `8px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `79.9844px`
- **height**: `auto` → `12px`
- **rect**: `0,221 106x20` → `1149,258 80x12`

body > main:1 > div:2 > div:2 > span:2 > i:1

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(37, 169, 106)`
- **backgroundColor**: `rgba(0, 0, 0, 0)` → `rgb(37, 169, 106)`
- **display**: `inline` → `block`
- **borderRadius**: `0px` → `50%`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `6px`
- **height**: `auto` → `6px`
- **rect**: `0,221 0x20` → `1149,261 6x6`

body > main:1 > div:2 > div:3 > section:1 > div:2 > div:2 > button:1 — "Linear"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `13.3333px` → `10px`
- **color**: `rgb(0, 0, 0)` → `rgb(255, 255, 255)`
- **backgroundColor**: `rgb(240, 240, 240)` → `rgb(23, 105, 210)`
- **display**: `inline-block` → `block`
- **padding**: `1px 6px` → `0px`
- **borderTopWidth**: `2px` → `0px`
- **borderTopColor**: `rgb(0, 0, 0)` → `rgb(255, 255, 255)`
- **borderTopStyle**: `outset` → `none`
- **width**: `52.9219px` → `174.281px`
- **height**: `24px` → `30px`
- **rect**: `0,316 53x24` → `73,449 174x30`

body > main:1 > div:2 > div:3 > section:1 > div:2 > div:2 > button:2 — "Radial"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `13.3333px` → `10px`
- **color**: `rgb(0, 0, 0)` → `rgb(109, 120, 131)`
- **backgroundColor**: `rgb(240, 240, 240)` → `rgba(0, 0, 0, 0)`
- **display**: `inline-block` → `block`
- **padding**: `1px 6px` → `0px`
- **borderTopWidth**: `2px` → `0px`
- **borderTopColor**: `rgb(0, 0, 0)` → `rgb(109, 120, 131)`
- **borderTopStyle**: `outset` → `none`
- **width**: `53.3281px` → `174.281px`
- **height**: `24px` → `30px`
- **rect**: `53,316 53x24` → `247,449 174x30`

body > main:1 > div:2 > div:3 > section:1 > div:3 > div:2 > div:1 > input:2

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `13.3333px` → `11px`
- **color**: `rgb(0, 0, 0)` → `rgb(23, 33, 43)`
- **backgroundColor**: `rgb(255, 255, 255)` → `rgba(0, 0, 0, 0)`
- **display**: `inline-block` → `block`
- **padding**: `1px 2px` → `0px`
- **borderTopWidth**: `2px` → `0px`
- **borderTopColor**: `rgb(118, 118, 118)` → `rgb(23, 33, 43)`
- **borderTopStyle**: `inset` → `none`
- **width**: `157px` → `127px`
- **height**: `24px` → `13px`
- **rect**: `0,365 157x24` → `103,559 127x13`

body > main:1 > div:2 > div:3 > section:1 > div:3 > div:2 > div:3 > input:2

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `13.3333px` → `11px`
- **color**: `rgb(0, 0, 0)` → `rgb(23, 33, 43)`
- **backgroundColor**: `rgb(255, 255, 255)` → `rgba(0, 0, 0, 0)`
- **display**: `inline-block` → `block`
- **padding**: `1px 2px` → `0px`
- **borderTopWidth**: `2px` → `0px`
- **borderTopColor**: `rgb(118, 118, 118)` → `rgb(23, 33, 43)`
- **borderTopStyle**: `inset` → `none`
- **width**: `157px` → `127px`
- **height**: `24px` → `13px`
- **rect**: `0,414 157x24` → `306,559 127x13`

body > main:1 > div:2 > div:3 > section:1 > div:4 > div:3 > button:1 — "0° →"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `13.3333px` → `10px`
- **color**: `rgb(0, 0, 0)` → `rgb(109, 120, 131)`
- **backgroundColor**: `rgb(240, 240, 240)` → `rgba(0, 0, 0, 0)`
- **display**: `inline-block` → `block`
- **padding**: `1px 6px` → `8px 6px`
- **borderTopWidth**: `2px` → `1px`
- **borderTopColor**: `rgb(0, 0, 0)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `outset` → `solid`
- **width**: `46.7188px` → `83.1406px`
- **height**: `24px` → `32px`
- **rect**: `0,463 47x24` → `72,716 83x32`

body > main:1 > div:2 > div:3 > section:1 > div:4 > div:3 > button:2 — "45° ↗"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `13.3333px` → `10px`
- **color**: `rgb(0, 0, 0)` → `rgb(109, 120, 131)`
- **backgroundColor**: `rgb(240, 240, 240)` → `rgba(0, 0, 0, 0)`
- **display**: `inline-block` → `block`
- **padding**: `1px 6px` → `8px 6px`
- **borderTopWidth**: `2px` → `1px`
- **borderTopColor**: `rgb(0, 0, 0)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `outset` → `solid`
- **width**: `51.1406px` → `83.1406px`
- **height**: `24px` → `32px`
- **rect**: `47,463 51x24` → `161,716 83x32`

body > main:1 > div:2 > div:3 > section:1 > div:4 > div:3 > button:3 — "90° ↑"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `13.3333px` → `10px`
- **color**: `rgb(0, 0, 0)` → `rgb(109, 120, 131)`
- **backgroundColor**: `rgb(240, 240, 240)` → `rgba(0, 0, 0, 0)`
- **display**: `inline-block` → `block`
- **padding**: `1px 6px` → `8px 6px`
- **borderTopWidth**: `2px` → `1px`
- **borderTopColor**: `rgb(0, 0, 0)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `outset` → `solid`
- **width**: `52.3125px` → `83.1406px`
- **height**: `24px` → `32px`
- **rect**: `98,463 52x24` → `250,716 83x32`

body > main:1 > div:2 > div:3 > section:1 > div:4 > div:3 > button:4 — "135° ↖"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `13.3333px` → `10px`
- **color**: `rgb(0, 0, 0)` → `rgb(238, 241, 244)`
- **backgroundColor**: `rgb(240, 240, 240)` → `rgb(23, 33, 43)`
- **display**: `inline-block` → `block`
- **padding**: `1px 6px` → `8px 6px`
- **borderTopWidth**: `2px` → `1px`
- **borderTopColor**: `rgb(0, 0, 0)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `outset` → `solid`
- **width**: `59.1562px` → `83.1406px`
- **height**: `24px` → `32px`
- **rect**: `150,463 59x24` → `340,716 83x32`

body > main:1 > div:2 > div:3 > section:1 > div:4 > div:3 > button:5 — "180° ←"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `13.3333px` → `10px`
- **color**: `rgb(0, 0, 0)` → `rgb(109, 120, 131)`
- **backgroundColor**: `rgb(240, 240, 240)` → `rgba(0, 0, 0, 0)`
- **display**: `inline-block` → `block`
- **padding**: `1px 6px` → `8px 6px`
- **borderTopWidth**: `2px` → `1px`
- **borderTopColor**: `rgb(0, 0, 0)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `outset` → `solid`
- **width**: `62.7188px` → `83.1406px`
- **height**: `24px` → `32px`
- **rect**: `209,463 63x24` → `72,754 83x32`

body > main:1 > div:2 > div:3 > section:1 > div:4 > div:3 > button:6 — "225° ↙"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `13.3333px` → `10px`
- **color**: `rgb(0, 0, 0)` → `rgb(109, 120, 131)`
- **backgroundColor**: `rgb(240, 240, 240)` → `rgba(0, 0, 0, 0)`
- **display**: `inline-block` → `block`
- **padding**: `1px 6px` → `8px 6px`
- **borderTopWidth**: `2px` → `1px`
- **borderTopColor**: `rgb(0, 0, 0)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `outset` → `solid`
- **width**: `59.1562px` → `83.1406px`
- **height**: `24px` → `32px`
- **rect**: `272,463 59x24` → `161,754 83x32`

body > main:1 > div:2 > div:3 > section:1 > div:4 > div:3 > button:7 — "270° ↓"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `13.3333px` → `10px`
- **color**: `rgb(0, 0, 0)` → `rgb(109, 120, 131)`
- **backgroundColor**: `rgb(240, 240, 240)` → `rgba(0, 0, 0, 0)`
- **display**: `inline-block` → `block`
- **padding**: `1px 6px` → `8px 6px`
- **borderTopWidth**: `2px` → `1px`
- **borderTopColor**: `rgb(0, 0, 0)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `outset` → `solid`
- **width**: `60.3125px` → `83.1406px`
- **height**: `24px` → `32px`
- **rect**: `331,463 60x24` → `250,754 83x32`

body > main:1 > div:2 > div:3 > section:1 > div:4 > div:3 > button:8 — "315° ↘"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `13.3333px` → `10px`
- **color**: `rgb(0, 0, 0)` → `rgb(109, 120, 131)`
- **backgroundColor**: `rgb(240, 240, 240)` → `rgba(0, 0, 0, 0)`
- **display**: `inline-block` → `block`
- **padding**: `1px 6px` → `8px 6px`
- **borderTopWidth**: `2px` → `1px`
- **borderTopColor**: `rgb(0, 0, 0)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `outset` → `solid`
- **width**: `59.1562px` → `83.1406px`
- **height**: `24px` → `32px`
- **rect**: `392,463 59x24` → `340,754 83x32`

body > main:1 > div:2 > div:3 > section:1 > div:6 > span:2 — "updates automatically"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `11px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `inline` → `flex`
- **alignItems**: `normal` → `center`
- **gap**: `normal` → `8px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `141.016px`
- **height**: `auto` → `13px`
- **rect**: `71,513 159x20` → `282,921 141x13`

body > main:1 > div:2 > div:3 > section:1 > div:6 > span:2 > i:1

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `11px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **backgroundColor**: `rgba(0, 0, 0, 0)` → `rgb(37, 169, 106)`
- **display**: `inline` → `block`
- **borderRadius**: `0px` → `50%`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `6px`
- **height**: `auto` → `6px`
- **rect**: `71,513 0x20` → `282,924 6x6`

body > main:1 > div:2 > div:3 > section:2 > div:2 > div:1

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `12px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(255, 255, 255)`
- **display**: `block` → `grid`
- **justifyContent**: `normal` → `center`
- **gridTemplateColumns**: `none` → `92.375px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `679.062px`
- **height**: `48px` → `537.594px`
- **rect**: `0,585 1440x48` → `525,483 679x538`

body > main:1 > div:2 > div:3 > section:2 > div:3 > pre:2 — "background: linear-gradient(135deg, #1769D2 0%, #00A8C7 100%); opacity: 1;"

- **fontFamily**: `monospace` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `12px`
- **lineHeight**: `24px` → `19.2px`
- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **backgroundColor**: `rgba(0, 0, 0, 0)` → `rgb(238, 241, 244)`
- **padding**: `0px` → `14px`
- **margin**: `16px 0px` → `12px 0px 0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `687.062px`
- **height**: `48px` → `66.375px`
- **rect**: `0,674 1440x48` → `521,1099 687x66`

body > main:1 > div:2 > div:1 — "PNG PROCESSING SINGLE TOOL"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1.2px`
- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **margin**: `0px` → `0px 0px 18px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `1177.62px`
- **height**: `24px` → `12px`
- **rect**: `0,64 1440x24` → `51,124 1178x12`

body > main:1 > div:2 > div:3 > section:1 > div:1 > div:1 > strong:2 — "Configure output"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `14px`
- **fontWeight**: `700` → `600`
- **lineHeight**: `24px` → `normal`
- **display**: `inline` → `block`
- **margin**: `0px` → `5px 0px 0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `123.156px`
- **height**: `auto` → `17px`
- **rect**: `161,245 127x20` → `72,366 123x17`

body > main:1 > div:2 > div:3 > section:1 > div:1 > span:2 — "TOOL 01"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1.2px`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `46.8906px`
- **height**: `auto` → `12px`
- **rect**: `0,269 62x20` → `376,354 47x12`

body > main:1 > div:2 > div:3 > section:1 > div:4 > label:1 > output:1 — "135 °"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1px`
- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `32.5px`
- **height**: `auto` → `12px`
- **rect**: `89,440 40x20` → `390,654 33x12`

body > main:1 > div:2 > div:3 > section:1 > div:5 > label:1 > output:1 — "100 %"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1px`
- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `32.5px`
- **height**: `auto` → `12px`
- **rect**: `69,489 47x20` → `390,831 33x12`

body > main:1 > div:2 > div:3 > section:2 > div:1 > div:1 > strong:2 — "gradient.png"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `14px`
- **fontWeight**: `700` → `600`
- **lineHeight**: `24px` → `normal`
- **display**: `inline` → `block`
- **margin**: `0px` → `5px 0px 0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `93.7812px`
- **height**: `auto` → `17px`
- **rect**: `137,538 96x20` → `521,395 94x17`

body > main:1 > div:2 > div:3 > section:2 > div:3 > div:1 > span:1 — "GENERATED CSS"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1.2px`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `87.0781px`
- **height**: `auto` → `12px`
- **rect**: `0,635 122x20` → `521,1068 87x12`

body > main:1 > div:2 > div:2

- **display**: `block` → `flex`
- **alignItems**: `normal` → `end`
- **justifyContent**: `normal` → `space-between`
- **gap**: `normal` → `32px`
- **margin**: `0px` → `0px 0px 48px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `1177.62px`
- **height**: `133.438px` → `116.391px`
- **rect**: `0,109 1440x133` → `51,154 1178x116`

body > main:1 > div:2 > div:2 > div:1 > h1:1 — "Gradient background."

- **fontSize**: `32px` → `51.2px`
- **fontWeight**: `700` → `650`
- **lineHeight**: `48px` → `51.2px`
- **letterSpacing**: `normal` → `-3.072px`
- **margin**: `21.44px 0px` → `0px 0px 14px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `550px`
- **height**: `48px` → `51.2031px`
- **rect**: `0,109 1440x48` → `51,154 550x51`

body > main:1 > div:2 > div:3 > section:1 > div:3 > div:2 > div:1

- **display**: `block` → `flex`
- **alignItems**: `normal` → `center`
- **gap**: `normal` → `8px`
- **padding**: `0px` → `0px 8px`
- **borderTopWidth**: `0px` → `1px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `167px`
- **height**: `25px` → `32px`
- **rect**: `0,364 1440x25` → `72,549 167x32`

body > main:1 > div:2 > div:3 > section:1 > div:3 > div:2 > div:3

- **display**: `block` → `flex`
- **alignItems**: `normal` → `center`
- **gap**: `normal` → `8px`
- **padding**: `0px` → `0px 8px`
- **borderTopWidth**: `0px` → `1px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `167px`
- **height**: `25px` → `32px`
- **rect**: `0,413 1440x25` → `275,549 167x32`

body > main:1 > div:2 > div:3 > section:2 > div:2 > div:1 > span:2 — "easy-png-tools"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `12px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(255, 255, 255)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `92.375px`
- **height**: `auto` → `14px`
- **rect**: `0,611 108x20` → `818,786 92x14`

body > main:1 > header:1 > div:3 > div:4 > span:2 — "/"

- **fontFamily**: `"IBM Plex Mono", monospace` → `"IBM Plex Sans", sans-serif`
- **fontSize**: `10px` → `16px`
- **lineHeight**: `normal` → `24px`
- **color**: `rgb(109, 120, 131)` → `rgb(23, 33, 43)`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `6px` → `4.45312px`
- **height**: `13px` → `24px`
- **rect**: `1344,25 6x13` → `1194,20 4x24`

body > main:1 > div:2 > div:1 > span:1 — "/"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1.2px`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **margin**: `0px` → `0px 7px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **rect**: `137,66 6x20` → `159,124 13x12`

body > main:1 > div:2 > div:3

- **display**: `block` → `grid`
- **alignItems**: `normal` → `start`
- **gap**: `normal` → `56px`
- **gridTemplateColumns**: `none` → `392.562px 729.062px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `1177.62px`
- **height**: `479px` → `863.969px`
- **rect**: `0,243 1440x479` → `51,318 1178x864`

body > main:1 > div:2 > div:3 > section:1 > div:1

- **display**: `block` → `flex`
- **alignItems**: `normal` → `center`
- **justifyContent**: `normal` → `space-between`
- **padding**: `0px` → `18px 20px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `390.562px`
- **height**: `48px` → `83px`
- **rect**: `0,243 1440x48` → `52,319 391x83`

body > main:1 > div:2 > div:3 > section:1 > div:4 > div:3

- **display**: `block` → `grid`
- **gap**: `normal` → `6px`
- **gridTemplateColumns**: `none` → `83.1406px 83.1406px 83.1406px 83.1406px`
- **margin**: `0px` → `14px 0px 0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `350.562px`
- **height**: `25px` → `70px`
- **rect**: `0,462 1440x25` → `72,716 351x70`

body > main:1 > div:2 > div:3 > section:1 > div:6

- **display**: `block` → `flex`
- **alignItems**: `normal` → `center`
- **justifyContent**: `normal` → `space-between`
- **padding**: `0px` → `16px 20px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `390.562px`
- **height**: `25px` → `50px`
- **rect**: `0,511 1440x25` → `52,902 391x50`

body > main:1 > div:2 > div:3 > section:2 > div:1

- **display**: `block` → `flex`
- **alignItems**: `normal` → `center`
- **justifyContent**: `normal` → `space-between`
- **padding**: `0px` → `18px 20px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `727.062px`
- **height**: `49px` → `140px`
- **rect**: `0,536 1440x49` → `501,319 727x140`

body > main:1 > div:2 > div:3 > section:2 > div:1 > div:2

- **display**: `block` → `flex`
- **alignItems**: `normal` → `center`
- **justifyContent**: `normal` → `flex-end`
- **gap**: `normal` → `10px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `210.562px`
- **height**: `25px` → `103px`
- **rect**: `0,560 1440x25` → `997,337 211x103`

body > main:1 > footer:3 > span:1 — "easy-png-tools"

- **letterSpacing**: `0.8px` → `normal`
- **display**: `block` → `flex`
- **alignItems**: `normal` → `center`
- **gap**: `normal` → `7px`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `142.812px` → `116.984px`
- **height**: `13px` → `12px`
- **rect**: `58,755 143x13` → `51,1271 117x12`

body > main:1 > footer:3 > span:1 > b:1 — "v2.4.0"

- **fontWeight**: `700` → `400`
- **letterSpacing**: `0.8px` → `normal`
- **color**: `rgb(109, 120, 131)` → `rgb(23, 105, 210)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `33px`
- **height**: `auto` → `12px`
- **rect**: `160,755 41x13` → `135,1271 33x12`

body > main:1 > footer:3 > span:2 — "gradient tool · local-only"

- **letterSpacing**: `0.8px` → `normal`
- **display**: `block` → `flex`
- **alignItems**: `normal` → `center`
- **gap**: `normal` → `7px`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `176.812px` → `142.953px`
- **height**: `13px` → `12px`
- **rect**: `683,755 177x13` → `611,1271 143x12`

body > main:1 > footer:3 > span:3 — "© 2024"

- **letterSpacing**: `0.8px` → `normal`
- **display**: `block` → `flex`
- **alignItems**: `normal` → `center`
- **gap**: `normal` → `7px`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `40.8125px` → `33px`
- **height**: `13px` → `12px`
- **rect**: `1342,755 41x13` → `1196,1271 33x12`

body > main:1 > header:1 > nav:2 > a:3 — "Gradient"

- **fontSize**: `12px` → `10px`
- **letterSpacing**: `0.48px` → `normal`
- **color**: `rgb(109, 120, 131)` → `rgb(23, 105, 210)`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `61.4531px` → `43.9844px`
- **height**: `15px` → `12px`
- **rect**: `687,24 61x15` → `777,26 44x12`

body > main:1 > header:1 > div:3 > button:2

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **display**: `flex` → `grid`
- **justifyContent**: `center` → `normal`
- **gridTemplateColumns**: `none` → `17px`
- **width**: `28px` → `29px`
- **height**: `28px` → `29px`
- **rect**: `1224,18 28x28` → `1074,17 29x29`

body > main:1 > header:1 > div:3 > button:3

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **display**: `flex` → `grid`
- **justifyContent**: `center` → `normal`
- **gridTemplateColumns**: `none` → `17px`
- **width**: `28px` → `29px`
- **height**: `28px` → `29px`
- **rect**: `1268,18 28x28` → `1119,17 29x29`

body > main:1 > div:2 > div:2 > div:1 > p:2 — "Create a clean, export-ready gradient with precise control over color, direction and transparency."

- **lineHeight**: `24px` → `25.6px`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **margin**: `16px 0px` → `0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `550px`
- **height**: `24px` → `51.1875px`
- **rect**: `0,179 1440x24` → `51,219 550x51`

body > main:1 > div:2 > div:3 > section:1 > div:1 > div:1 > span:1 — "GRADIENT SETTINGS"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1.2px`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **rect**: `0,245 158x20` → `72,345 114x12`

body > main:1 > div:2 > div:3 > section:1 > div:3 > div:2

- **display**: `block` → `flex`
- **alignItems**: `normal` → `center`
- **gap**: `normal` → `10px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `350.562px`
- **height**: `74px` → `32px`
- **rect**: `0,364 1440x74` → `72,549 351x32`

body > main:1 > div:2 > div:3 > section:1 > div:4 > input:2

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **color**: `rgb(16, 16, 16)` → `rgb(23, 33, 43)`
- **backgroundColor**: `rgb(255, 255, 255)` → `rgba(0, 0, 0, 0)`
- **margin**: `2px` → `0px`
- **borderTopColor**: `rgb(16, 16, 16)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **rect**: `134,440 129x16` → `72,679 129x16`

body > main:1 > div:2 > div:3 > section:1 > div:5 > input:2

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **color**: `rgb(16, 16, 16)` → `rgb(23, 33, 43)`
- **backgroundColor**: `rgb(255, 255, 255)` → `rgba(0, 0, 0, 0)`
- **margin**: `2px` → `0px`
- **borderTopColor**: `rgb(16, 16, 16)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **rect**: `122,489 129x16` → `72,856 129x16`

body > main:1 > div:2 > div:3 > section:2 > div:1 > div:1 > span:1 — "OUTPUT PREVIEW"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1.2px`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **rect**: `0,538 134x20` → `521,374 94x12`

body > main:1 > div:2 > div:3 > section:2 > div:3 > div:1

- **display**: `block` → `flex`
- **alignItems**: `normal` → `center`
- **justifyContent**: `normal` → `space-between`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `687.062px`
- **height**: `25px` → `26px`
- **rect**: `0,633 1440x25` → `521,1061 687x26`

body > main:1 > header:1 > nav:2

- **gap**: `18px` → `22px`
- **margin**: `0px 0px 0px 24px` → `0px 28px 0px 368.891px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `376.594px` → `296.938px`
- **height**: `15px` → `12px`
- **rect**: `528,24 377x15` → `645,26 297x12`

body > main:1 > header:1 > nav:2 > a:1 — "Workspace"

- **fontSize**: `12px` → `10px`
- **letterSpacing**: `0.48px` → `normal`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `69.125px` → `49.4844px`
- **height**: `15px` → `12px`
- **rect**: `528,24 69x15` → `645,26 49x12`

body > main:1 > header:1 > nav:2 > a:2 — "Catalog"

- **fontSize**: `12px` → `10px`
- **letterSpacing**: `0.48px` → `normal`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `53.7656px` → `38.5px`
- **height**: `15px` → `12px`
- **rect**: `615,24 54x15` → `716,26 39x12`

body > main:1 > header:1 > nav:2 > a:4 — "Background remover"

- **fontSize**: `12px` → `10px`
- **letterSpacing**: `0.48px` → `normal`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `138.25px` → `98.9688px`
- **height**: `15px` → `12px`
- **rect**: `766,24 138x15` → `843,26 99x12`

body > main:1 > header:1 > div:3 > button:2 > svg:1

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `16px` → `17px`
- **height**: `16px` → `17px`
- **rect**: `1230,24 16x16` → `1080,23 17x17`

body > main:1 > header:1 > div:3 > button:3 > svg:1

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `16px` → `17px`
- **height**: `16px` → `17px`
- **rect**: `1274,24 16x16` → `1125,23 17x17`

body > main:1 > div:2 > div:3 > section:1

- **backgroundColor**: `rgba(0, 0, 0, 0)` → `rgb(248, 250, 251)`
- **borderTopWidth**: `0px` → `1px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `392.562px`
- **height**: `293px` → `635px`
- **rect**: `0,243 1440x293` → `51,318 393x635`

body > main:1 > div:2 > div:3 > section:1 > div:2 > div:2

- **display**: `block` → `flex`
- **borderTopWidth**: `0px` → `1px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `350.562px`
- **height**: `25px` → `32px`
- **rect**: `0,315 1440x25` → `72,448 351x32`

body > main:1 > div:2 > div:3 > section:1 > div:3 > div:2 > div:1 > span:1

- **display**: `inline` → `block`
- **borderTopWidth**: `0px` → `1px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `14px`
- **height**: `auto` → `14px`
- **rect**: `0,366 0x20` → `81,558 14x14`

body > main:1 > div:2 > div:3 > section:1 > div:3 > div:2 > span:2 — "→"

- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `16px`
- **height**: `auto` → `24px`
- **rect**: `0,391 16x20` → `249,553 16x24`

body > main:1 > div:2 > div:3 > section:1 > div:3 > div:2 > div:3 > span:1

- **display**: `inline` → `block`
- **borderTopWidth**: `0px` → `1px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `14px`
- **height**: `auto` → `14px`
- **rect**: `0,415 0x20` → `284,558 14x14`

body > main:1 > div:2 > div:3 > section:1 > div:3 > div:3

- **margin**: `0px` → `14px 0px 0px`
- **borderTopWidth**: `0px` → `1px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `350.562px`
- **height**: `0px` → `14px`
- **rect**: `0,438 1440x0` → `72,595 351x14`

body > main:1 > div:2 > div:3 > section:1 > div:6 > button:1 > svg:1

- **fontSize**: `13.3333px` → `12px`
- **lineHeight**: `normal` → `18px`
- **color**: `rgb(0, 0, 0)` → `rgb(23, 105, 210)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(0, 0, 0)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **rect**: `8,515 14x14` → `72,920 14x14`

body > main:1 > div:2 > div:3 > section:2

- **backgroundColor**: `rgba(0, 0, 0, 0)` → `rgb(248, 250, 251)`
- **borderTopWidth**: `0px` → `1px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `729.062px`
- **height**: `186px` → `863.969px`
- **rect**: `0,536 1440x186` → `500,318 729x864`

body > main:1 > div:2 > div:3 > section:2 > div:1 > div:2 > button:1 > svg:1

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `13.3333px` → `10px`
- **color**: `rgb(0, 0, 0)` → `rgb(109, 120, 131)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(0, 0, 0)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **rect**: `8,563 15x15` → `1134,346 15x15`

body > main:1 > div:2 > div:3 > section:2 > div:1 > div:2 > button:2 > svg:1

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `13.3333px` → `11px`
- **color**: `rgb(0, 0, 0)` → `rgb(255, 255, 255)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(0, 0, 0)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **rect**: `103,563 15x15` → `1043,412 15x15`

body > main:1 > div:2 > div:3 > section:2 > div:1 > div:2 > button:2 > svg:2

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `13.3333px` → `11px`
- **color**: `rgb(0, 0, 0)` → `rgb(255, 255, 255)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(0, 0, 0)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **rect**: `214,564 14x14` → `1148,412 14x14`

body > main:1 > div:2 > div:3 > section:2 > div:2

- **backgroundColor**: `rgba(0, 0, 0, 0)` → `rgb(32, 42, 49)`
- **padding**: `0px` → `24px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `727.062px`
- **height**: `48px` → `585.594px`
- **rect**: `0,585 1440x48` → `501,459 727x586`

body > main:1 > div:2 > div:3 > section:2 > div:3 > div:1 > button:2 > svg:1

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **color**: `rgb(0, 0, 0)` → `rgb(109, 120, 131)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(0, 0, 0)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **rect**: `134,637 14x14` → `1188,1067 14x14`

body > main:1

- **backgroundColor**: `rgba(0, 0, 0, 0)` → `rgb(238, 241, 244)`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `1280px`
- **height**: `783.875px` → `1299.36px`
- **rect**: `0,0 1440x784` → `0,0 1280x1299`

body > main:1 > header:1 > div:3 > span:1 > i:1

- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `8px` → `6px`
- **height**: `8px` → `6px`
- **boxShadow**: `color(srgb 0.145098 0.662745 0.415686 / 0.25) 0px 0px 0px 2px` → `none`
- **rect**: `1111,28 8x8` → `970,29 6x6`

body > main:1 > div:2

- **padding**: `0px` → `60px 51.2px 72px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `1280px`
- **height**: `657.875px` → `1190.36px`
- **rect**: `0,64 1440x658` → `0,64 1280x1190`

body > main:1 > div:2 > div:3 > section:1 > div:2

- **padding**: `0px` → `22px 20px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `390.562px`
- **height**: `49px` → `101px`
- **rect**: `0,291 1440x49` → `52,402 391x101`

body > main:1 > div:2 > div:3 > section:1 > div:3

- **padding**: `0px` → `22px 20px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `390.562px`
- **height**: `98px` → `129px`
- **rect**: `0,340 1440x98` → `52,503 391x129`

body > main:1 > div:2 > div:3 > section:1 > div:4

- **padding**: `0px` → `22px 20px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `390.562px`
- **height**: `49px` → `177px`
- **rect**: `0,438 1440x49` → `52,632 391x177`

body > main:1 > div:2 > div:3 > section:1 > div:5

- **padding**: `0px` → `22px 20px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `390.562px`
- **height**: `24px` → `93px`
- **rect**: `0,487 1440x24` → `52,809 391x93`

body > main:1 > div:2 > div:3 > section:2 > div:3

- **padding**: `0px` → `16px 20px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `727.062px`
- **height**: `89px` → `136.375px`
- **rect**: `0,633 1440x89` → `501,1045 727x136`

body > main:1 > footer:3

- **letterSpacing**: `0.8px` → `normal`
- **gap**: `16px` → `normal`
- **padding**: `16px 57.6px` → `16px 51.2px`
- **width**: `1440px` → `1280px`
- **height**: `46px` → `45px`
- **rect**: `0,738 1440x46` → `0,1254 1280x45`

body

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `1280px`
- **height**: `783.875px` → `1299.36px`
- **rect**: `0,0 1440x784` → `0,0 1280x1299`

body > main:1 > header:1

- **padding**: `0px 57.6px` → `0px 51.2px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `1280px`
- **rect**: `0,0 1440x64` → `0,0 1280x64`

body > main:1 > header:1 > a:1 > span:2 — "easy-png-tools"

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `117.609px` → `107.766px`
- **height**: `18px` → `17px`
- **rect**: `98,23 118x18` → `91,23 108x17`

body > main:1 > header:1 > a:1 > span:3 — "/ GRADIENT"

- **borderTopColor**: `rgb(23, 105, 210)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `72px` → `67px`
- **height**: `13px` → `12px`
- **rect**: `225,25 72x13` → `209,26 67x12`

body > main:1 > header:1 > div:3

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `271.016px` → `259.031px`
- **height**: `28px` → `29px`
- **rect**: `1111,18 271x28` → `970,17 259x29`

body > main:1 > header:1 > div:3 > span:1 — "LIVE PREVIEW"

- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `96.6094px` → `88.5781px`
- **height**: `13px` → `12px`
- **rect**: `1111,25 97x13` → `970,26 89x12`

body > main:1 > header:1 > div:3 > div:4

- **alignItems**: `normal` → `center`
- **borderRadius**: `4px` → `0px`
- **width**: `70.4062px` → `64.4531px`
- **height**: `27px` → `26px`
- **rect**: `1312,18 70x27` → `1164,19 64x26`

body > main:1 > div:2 > div:2 > div:1

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `550px`
- **height**: `93.4375px` → `116.391px`
- **rect**: `0,109 1440x93` → `51,154 550x116`

body > main:1 > div:2 > div:3 > section:1 > div:1 > div:1

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `123.156px`
- **height**: `24px` → `46px`
- **rect**: `0,243 1440x24` → `72,337 123x46`

body > main:1 > div:2 > div:3 > section:2 > div:1 > div:1

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `93.7812px`
- **height**: `24px` → `46px`
- **rect**: `0,536 1440x24` → `521,366 94x46`

body > main:1 > header:1 > a:1

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `239.609px` → `224.766px`
- **rect**: `58,17 240x30` → `51,17 225x30`

body > main:1 > header:1 > div:3 > div:4 > button:1 — "RU"

- **letterSpacing**: `0.6px` → `normal`
- **width**: `31.2031px` → `29px`
- **height**: `25px` → `24px`
- **rect**: `1313,19 31x25` → `1165,20 29x24`

body > main:1 > header:1 > div:3 > div:4 > button:3 — "EN"

- **letterSpacing**: `0.6px` → `normal`
- **width**: `31.2031px` → `29px`
- **height**: `25px` → `24px`
- **rect**: `1350,19 31x25` → `1199,20 29x24`

body > main:1 > header:1 > a:1 > span:1 — "EP"

- **borderTopColor**: `rgb(255, 255, 255)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **rect**: `58,17 30x30` → `51,17 30x30`

Структурные расхождения

—

/preview/tools/remove-background-png (vs background-remover.html)

• Токены light: 10, dark: 16
• Стиль-расхождений: 108 элементов / 965 полей (из них геометрия: 108)
• Структурные: +0 / -0 / tag 0 / text 0

Токены — Light

token	ours	ref
--danger	#e5484d	—
--success	#25a96a	—
--text-sm--line-height	—	calc(1.25 / .875)
--text-xs--line-height	—	calc(1 / .75)
--font-weight-medium	—	500
--spacing	—	.25rem
--text-xs	—	.75rem
--radius-md	—	.375rem
--radius-lg	—	.5rem
--text-sm	—	.875rem

Токены — Dark

token	ours	ref
--panel	#182129	#f8fafb
--blue	#54a2ff	#1769d2
--muted	#91a0ac	#6d7883
--background	#11171d	#eef1f4
--danger	#ff7479	—
--foreground	#e8eef2	#17212b
--success	#25a96a	—
--line	#33414c	#cbd3da
--text-sm--line-height	—	calc(1.25 / .875)
--text-xs--line-height	—	calc(1 / .75)
--font-weight-medium	—	500
--spacing	—	.25rem
--text-xs	—	.75rem
--radius-md	—	.375rem
--radius-lg	—	.5rem
--text-sm	—	.875rem

Расхождения стилей (топ 108)

body > main:1 > div:2 > div:3 > section:2 > div:1 > div:2 > button:2 — "Download result"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `13.3333px` → `11px`
- **color**: `rgb(0, 0, 0)` → `rgb(255, 255, 255)`
- **backgroundColor**: `rgb(240, 240, 240)` → `rgb(23, 105, 210)`
- **display**: `inline-block` → `flex`
- **alignItems**: `normal` → `center`
- **justifyContent**: `normal` → `center`
- **gap**: `normal` → `9px`
- **padding**: `1px 6px` → `0px`
- **margin**: `0px` → `18px 0px 0px`
- **borderTopWidth**: `2px` → `0px`
- **borderTopColor**: `rgb(0, 0, 0)` → `rgb(255, 255, 255)`
- **borderTopStyle**: `outset` → `none`
- **width**: `131.828px` → `193.203px`
- **height**: `25px` → `42px`
- **rect**: `96,624 132x25` → `1015,379 193x42`

body > main:1 > div:2 > div:3 > section:1 > div:4 > label:1

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1px`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `inline` → `flex`
- **alignItems**: `normal` → `center`
- **justifyContent**: `normal` → `space-between`
- **margin**: `0px` → `0px 0px 12px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `318px`
- **height**: `auto` → `18px`
- **rect**: `0,417 148x20` → `72,662 318x18`

body > main:1 > div:2 > div:3 > section:1 > div:5 > label:1

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1px`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `inline` → `flex`
- **alignItems**: `normal` → `center`
- **justifyContent**: `normal` → `space-between`
- **margin**: `0px` → `0px 0px 12px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `318px`
- **height**: `auto` → `18px`
- **rect**: `0,497 93x20` → `72,755 318x18`

body > main:1 > div:2 > div:3 > section:1 > div:6 > button:1 — "Reset"

- **fontSize**: `13.3333px` → `12px`
- **lineHeight**: `normal` → `18px`
- **color**: `rgb(0, 0, 0)` → `rgb(23, 105, 210)`
- **backgroundColor**: `rgb(240, 240, 240)` → `rgba(0, 0, 0, 0)`
- **display**: `inline-block` → `flex`
- **alignItems**: `normal` → `center`
- **gap**: `normal` → `7px`
- **padding**: `1px 6px` → `0px`
- **borderTopWidth**: `2px` → `0px`
- **borderTopColor**: `rgb(0, 0, 0)` → `rgb(23, 105, 210)`
- **borderTopStyle**: `outset` → `none`
- **width**: `67.2969px` → `52.3594px`
- **height**: `24px` → `18px`
- **rect**: `0,576 67x24` → `72,842 52x18`

body > main:1 > div:2 > div:3 > section:1 > div:2 > label:1 — "BACKGROUND COLOR"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1px`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `inline` → `flex`
- **justifyContent**: `normal` → `space-between`
- **margin**: `0px` → `0px 0px 12px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `318px`
- **height**: `auto` → `12px`
- **rect**: `0,293 159x20` → `72,424 318x12`

body > main:1 > div:2 > div:3 > section:1 > div:2 > div:3 — "sampled from image background"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `block` → `flex`
- **justifyContent**: `normal` → `flex-start`
- **gap**: `normal` → `8px`
- **margin**: `0px` → `10px 0px 0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `318px`
- **height**: `24px` → `12px`
- **rect**: `0,343 1440x24` → `72,490 318x12`

body > main:1 > div:2 > div:3 > section:1 > div:3 > label:1 — "COLOR SIMILARITY"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1px`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `inline` → `flex`
- **justifyContent**: `normal` → `space-between`
- **margin**: `0px` → `0px 0px 12px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `318px`
- **height**: `auto` → `12px`
- **rect**: `0,369 184x20` → `72,547 318x12`

body > main:1 > div:2 > div:3 > section:1 > div:4 > label:1 > b:2

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1px`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **backgroundColor**: `rgba(0, 0, 0, 0)` → `rgb(23, 105, 210)`
- **display**: `inline` → `block`
- **borderTopWidth**: `0px` → `1px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `32px`
- **height**: `auto` → `18px`
- **rect**: `148,417 0x20` → `358,662 32x18`

body > main:1 > div:2 > div:3 > section:2 > div:2 > div:1 > div:2 > div:1

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `14px`
- **fontWeight**: `400` → `600`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgba(255, 255, 255, 0.85)`
- **display**: `block` → `grid`
- **alignItems**: `normal` → `center`
- **gridTemplateColumns**: `none` → `258.109px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `258.109px`
- **height**: `24px` → `259.75px`
- **rect**: `0,673 1440x24` → `528,538 271x273`

body > main:1 > div:2 > div:3 > section:2 > div:2 > div:2 > div:2 > div:1

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `14px`
- **fontWeight**: `400` → `600`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgba(255, 255, 255, 0.85)`
- **display**: `block` → `grid`
- **alignItems**: `normal` → `center`
- **gridTemplateColumns**: `none` → `258.109px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `258.109px`
- **height**: `24px` → `259.75px`
- **rect**: `0,745 1440x24` → `903,545 258x260`

body > main:1 > div:2 > div:3 > section:2 > div:3

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `block` → `flex`
- **gap**: `normal` → `24px`
- **padding**: `0px` → `16px 20px`
- **borderTopWidth**: `0px` → `1px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `759.625px`
- **height**: `24px` → `45px`
- **rect**: `0,793 1440x24` → `468,886 760x45`

body > main:1 > div:2 > div:2 > span:2 — "LIVE PREVIEW"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(37, 169, 106)`
- **display**: `inline` → `flex`
- **alignItems**: `normal` → `center`
- **gap**: `normal` → `8px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `79.9844px`
- **height**: `auto` → `12px`
- **rect**: `0,221 106x20` → `1149,258 80x12`

body > main:1 > div:2 > div:2 > span:2 > i:1

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(37, 169, 106)`
- **backgroundColor**: `rgba(0, 0, 0, 0)` → `rgb(37, 169, 106)`
- **display**: `inline` → `block`
- **borderRadius**: `0px` → `50%`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `6px`
- **height**: `auto` → `6px`
- **rect**: `0,221 0x20` → `1149,261 6x6`

body > main:1 > div:2 > div:3 > section:1 > div:2 > div:2 > input:2

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `13.3333px` → `11px`
- **color**: `rgb(0, 0, 0)` → `rgb(23, 33, 43)`
- **backgroundColor**: `rgb(255, 255, 255)` → `rgba(0, 0, 0, 0)`
- **display**: `inline-block` → `block`
- **padding**: `1px 2px` → `0px`
- **borderTopWidth**: `2px` → `0px`
- **borderTopColor**: `rgb(118, 118, 118)` → `rgb(23, 33, 43)`
- **borderTopStyle**: `inset` → `none`
- **width**: `157px` → `135px`
- **height**: `24px` → `13px`
- **rect**: `0,319 157x24` → `103,458 135x13`

body > main:1 > div:2 > div:3 > section:1 > div:3 > div:3

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `block` → `flex`
- **justifyContent**: `normal` → `space-between`
- **margin**: `0px` → `10px 0px 0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `318px`
- **height**: `24px` → `12px`
- **rect**: `0,391 1440x24` → `72,605 318x12`

body > main:1 > div:2 > div:3 > section:1 > div:5 > label:1 > b:2

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1px`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `inline` → `block`
- **borderTopWidth**: `0px` → `1px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `32px`
- **height**: `auto` → `18px`
- **rect**: `93,497 0x20` → `358,755 32x18`

body > main:1 > div:2 > div:3 > section:1 > div:6 > span:2 — "updates automatically"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `11px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `inline` → `flex`
- **alignItems**: `normal` → `center`
- **gap**: `normal` → `8px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `141.016px`
- **height**: `auto` → `13px`
- **rect**: `71,577 159x20` → `249,845 141x13`

body > main:1 > div:2 > div:3 > section:1 > div:6 > span:2 > i:1

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `11px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **backgroundColor**: `rgba(0, 0, 0, 0)` → `rgb(37, 169, 106)`
- **display**: `inline` → `block`
- **borderRadius**: `0px` → `50%`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `6px`
- **height**: `auto` → `6px`
- **rect**: `71,577 0x20` → `249,848 6x6`

body > main:1 > div:2 > div:3 > section:2 > div:1 > div:2 > span:1 — "processed"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(37, 169, 106)`
- **display**: `inline` → `flex`
- **alignItems**: `normal` → `center`
- **gap**: `normal` → `5px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `68.4844px`
- **height**: `auto` → `14px`
- **rect**: `0,626 92x20` → `1139,337 68x14`

body > main:1 > div:2 > div:3 > section:2 > div:2 > div:1 > div:1

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `block` → `flex`
- **justifyContent**: `normal` → `space-between`
- **margin**: `0px` → `0px 0px 10px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `350.812px`
- **height**: `24px` → `12px`
- **rect**: `0,649 1440x24` → `488,460 351x12`

body > main:1 > div:2 > div:3 > section:2 > div:2 > div:2 > div:1

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `block` → `flex`
- **justifyContent**: `normal` → `space-between`
- **margin**: `0px` → `0px 0px 10px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `350.812px`
- **height**: `24px` → `12px`
- **rect**: `0,721 1440x24` → `857,460 351x12`

body > main:1 > div:2 > div:1 — "PNG PROCESSING SINGLE TOOL"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1.2px`
- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **margin**: `0px` → `0px 0px 18px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `1177.62px`
- **height**: `24px` → `12px`
- **rect**: `0,64 1440x24` → `51,124 1178x12`

body > main:1 > div:2 > div:3 > section:1 > div:1 > div:1 > strong:2 — "Configure detection"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `14px`
- **fontWeight**: `700` → `600`
- **lineHeight**: `24px` → `normal`
- **display**: `inline` → `block`
- **margin**: `0px` → `5px 0px 0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `146.25px`
- **height**: `auto` → `17px`
- **rect**: `156,245 148x20` → `72,366 146x17`

body > main:1 > div:2 > div:3 > section:1 > div:1 > span:2 — "TOOL 02"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1.2px`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `46.8906px`
- **height**: `auto` → `12px`
- **rect**: `0,269 62x20` → `343,354 47x12`

body > main:1 > div:2 > div:3 > section:1 > div:2 > div:2 > input:3

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `13.3333px` → `11px`
- **color**: `rgb(0, 0, 0)` → `rgb(23, 33, 43)`
- **backgroundColor**: `rgb(240, 240, 240)` → `rgba(0, 0, 0, 0)`
- **display**: `inline-block` → `block`
- **padding**: `1px 2px` → `0px`
- **borderTopWidth**: `1px` → `0px`
- **borderTopColor**: `rgb(0, 0, 0)` → `rgb(23, 33, 43)`
- **borderTopStyle**: `solid` → `none`
- **width**: `50px` → `135px`
- **rect**: `161,315 50x27` → `246,451 135x27`

body > main:1 > div:2 > div:3 > section:1 > div:2 > div:3 > span:1

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `inline` → `block`
- **borderTopWidth**: `0px` → `1px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `9px`
- **height**: `auto` → `9px`
- **rect**: `0,345 0x20` → `72,490 9x9`

body > main:1 > div:2 > div:3 > section:1 > div:3 > label:1 > output:1 — "72 %"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1px`
- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `26px`
- **height**: `auto` → `12px`
- **rect**: `147,369 38x20` → `364,547 26x12`

body > main:1 > div:2 > div:3 > section:1 > div:4 > label:1 > span:1 — "OUTER COLOR ONLY"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1px`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `103.969px`
- **height**: `auto` → `12px`
- **rect**: `0,417 148x20` → `72,665 104x12`

body > main:1 > div:2 > div:3 > section:1 > div:5 > label:1 > span:1 — "SHOW MASK"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1px`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `58.4844px`
- **height**: `auto` → `12px`
- **rect**: `0,497 93x20` → `72,758 58x12`

body > main:1 > div:2 > div:3 > section:2 > div:1 > div:1 > strong:2 — "comparison.png"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `14px`
- **fontWeight**: `700` → `600`
- **lineHeight**: `24px` → `normal`
- **display**: `inline` → `block`
- **margin**: `0px` → `5px 0px 0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `107.766px`
- **height**: `auto` → `17px`
- **rect**: `134,602 121x20` → `488,385 108x17`

body > main:1 > div:2 > div:3 > section:2 > div:2 > div:1 > div:1 > b:2 — "original.png"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **fontWeight**: `700` → `400`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `65.9844px`
- **height**: `auto` → `12px`
- **rect**: `61,651 90x20` → `773,460 66x12`

body > main:1 > div:2 > div:3 > section:2 > div:2 > div:1 > div:2 > div:1 > span:1 — "OBJECT"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `14px`
- **fontWeight**: `400` → `600`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgba(255, 255, 255, 0.85)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `46.1875px`
- **height**: `auto` → `17px`
- **rect**: `0,675 58x20` → `640,665 47x19`

body > main:1 > div:2 > div:3 > section:2 > div:2 > div:2 > div:1 > b:2 — "removed-bg.png"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **fontWeight**: `700` → `400`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `76.9844px`
- **height**: `auto` → `12px`
- **rect**: `56,723 124x20` → `1131,460 77x12`

body > main:1 > div:2 > div:3 > section:2 > div:2 > div:2 > div:2 > div:1 > span:1 — "PNG"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `14px`
- **fontWeight**: `400` → `600`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgba(255, 255, 255, 0.85)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `23.0938px`
- **height**: `auto` → `17px`
- **rect**: `0,747 32x20` → `1021,666 23x17`

body > main:1 > div:2 > div:2

- **display**: `block` → `flex`
- **alignItems**: `normal` → `end`
- **justifyContent**: `normal` → `space-between`
- **gap**: `normal` → `32px`
- **margin**: `0px` → `0px 0px 48px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `1177.62px`
- **height**: `133.438px` → `116.391px`
- **rect**: `0,109 1440x133` → `51,154 1178x116`

body > main:1 > div:2 > div:2 > div:1 > h1:1 — "Remove background."

- **fontSize**: `32px` → `51.2px`
- **fontWeight**: `700` → `650`
- **lineHeight**: `48px` → `51.2px`
- **letterSpacing**: `normal` → `-3.072px`
- **margin**: `21.44px 0px` → `0px 0px 14px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `550px`
- **height**: `48px` → `51.2031px`
- **rect**: `0,109 1440x48` → `51,154 550x51`

body > main:1 > div:2 > div:3 > section:1 > div:2 > div:2

- **display**: `block` → `flex`
- **alignItems**: `normal` → `center`
- **gap**: `normal` → `8px`
- **padding**: `0px` → `0px 8px`
- **borderTopWidth**: `0px` → `1px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `318px`
- **height**: `28px` → `32px`
- **rect**: `0,315 1440x28` → `72,448 318x32`

body > main:1 > div:2 > div:3 > section:1 > div:3 > div:3 > span:1 — "strict edges"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `65.9844px`
- **height**: `auto` → `12px`
- **rect**: `0,393 84x20` → `72,605 66x12`

body > main:1 > div:2 > div:3 > section:1 > div:3 > div:3 > span:2 — "more removal"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `65.9844px`
- **height**: `auto` → `12px`
- **rect**: `87,393 99x20` → `324,605 66x12`

body > main:1 > div:2 > div:3 > section:2 > div:2 > div:1 > div:1 > span:1 — "SOURCE"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `33px`
- **height**: `auto` → `12px`
- **rect**: `0,651 61x20` → `488,460 33x12`

body > main:1 > div:2 > div:3 > section:2 > div:2 > div:1 > div:2

- **backgroundColor**: `rgba(0, 0, 0, 0)` → `rgb(232, 238, 242)`
- **display**: `block` → `grid`
- **alignItems**: `normal` → `center`
- **gridTemplateColumns**: `none` → `348.812px`
- **borderTopWidth**: `0px` → `1px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `350.812px`
- **height**: `48px` → `384px`
- **rect**: `0,673 1440x48` → `488,482 351x384`

body > main:1 > div:2 > div:3 > section:2 > div:2 > div:1 > div:2 > span:2 — "1200 × 800"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `9px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `49.4844px`
- **height**: `auto` → `10px`
- **rect**: `0,699 84x20` → `779,846 49x10`

body > main:1 > div:2 > div:3 > section:2 > div:2 > div:2 > div:1 > span:1 — "RESULT"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(23, 105, 210)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `33px`
- **height**: `auto` → `12px`
- **rect**: `0,723 56x20` → `857,460 33x12`

body > main:1 > div:2 > div:3 > section:2 > div:2 > div:2 > div:2 > span:2 — "1200 × 800"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `9px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `49.4844px`
- **height**: `auto` → `10px`
- **rect**: `0,771 84x20` → `1147,846 49x10`

body > main:1 > div:2 > div:3 > section:2 > div:3 > span:1 — "FORMAT"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `77.5px`
- **height**: `auto` → `12px`
- **rect**: `0,795 125x20` → `488,903 78x12`

body > main:1 > div:2 > div:3 > section:2 > div:3 > span:2 — "ALPHA"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `77.5px`
- **height**: `auto` → `12px`
- **rect**: `129,795 126x20` → `590,903 78x12`

body > main:1 > div:2 > div:3 > section:2 > div:3 > span:3 — "SIMILARITY"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `88.4844px`
- **height**: `auto` → `12px`
- **rect**: `258,795 131x20` → `691,903 88x12`

body > main:1 > header:1 > div:3 > div:4 > span:2 — "/"

- **fontFamily**: `"IBM Plex Mono", monospace` → `"IBM Plex Sans", sans-serif`
- **fontSize**: `10px` → `16px`
- **lineHeight**: `normal` → `24px`
- **color**: `rgb(109, 120, 131)` → `rgb(23, 33, 43)`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `6px` → `4.45312px`
- **height**: `13px` → `24px`
- **rect**: `1344,25 6x13` → `1194,20 4x24`

body > main:1 > div:2 > div:1 > span:1 — "/"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1.2px`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **margin**: `0px` → `0px 7px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **rect**: `137,66 6x20` → `159,124 13x12`

body > main:1 > div:2 > div:3

- **display**: `block` → `grid`
- **alignItems**: `normal` → `start`
- **gap**: `normal` → `56px`
- **gridTemplateColumns**: `none` → `360px 761.625px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `1177.62px`
- **height**: `574px` → `614px`
- **rect**: `0,243 1440x574` → `51,318 1178x614`

body > main:1 > div:2 > div:3 > section:1 > div:1

- **display**: `block` → `flex`
- **alignItems**: `normal` → `center`
- **justifyContent**: `normal` → `space-between`
- **padding**: `0px` → `18px 20px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `358px`
- **height**: `48px` → `83px`
- **rect**: `0,243 1440x48` → `52,319 358x83`

body > main:1 > div:2 > div:3 > section:1 > div:4 > p:2 — "Only remove connected background pixels from the edges."

- **fontSize**: `16px` → `12px`
- **lineHeight**: `24px` → `18px`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **margin**: `16px 0px` → `8px 0px 0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `318px`
- **height**: `24px` → `18px`
- **rect**: `0,455 1440x24` → `72,692 318x18`

body > main:1 > div:2 > div:3 > section:1 > div:5 > p:2 — "Preview the detected transparency mask."

- **fontSize**: `16px` → `12px`
- **lineHeight**: `24px` → `18px`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **margin**: `16px 0px` → `8px 0px 0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `318px`
- **height**: `24px` → `18px`
- **rect**: `0,535 1440x24` → `72,785 318x18`

body > main:1 > div:2 > div:3 > section:1 > div:6

- **display**: `block` → `flex`
- **alignItems**: `normal` → `center`
- **justifyContent**: `normal` → `space-between`
- **padding**: `0px` → `16px 20px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `358px`
- **height**: `25px` → `50px`
- **rect**: `0,575 1440x25` → `52,826 358x50`

body > main:1 > div:2 > div:3 > section:2 > div:1

- **display**: `block` → `flex`
- **alignItems**: `normal` → `center`
- **justifyContent**: `normal` → `space-between`
- **padding**: `0px` → `18px 20px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `759.625px`
- **height**: `49px` → `121px`
- **rect**: `0,600 1440x49` → `468,319 760x121`

body > main:1 > div:2 > div:3 > section:2 > div:1 > div:2

- **display**: `block` → `flex`
- **alignItems**: `normal` → `center`
- **justifyContent**: `normal` → `flex-end`
- **gap**: `normal` → `10px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `193.203px`
- **height**: `25px` → `84px`
- **rect**: `0,624 1440x25` → `1015,337 193x84`

body > main:1 > div:2 > div:3 > section:2 > div:2

- **display**: `block` → `grid`
- **gap**: `normal` → `18px`
- **gridTemplateColumns**: `none` → `350.812px 350.812px`
- **padding**: `0px` → `20px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `759.625px`
- **height**: `144px` → `446px`
- **rect**: `0,649 1440x144` → `468,440 760x446`

body > main:1 > div:2 > div:3 > section:2 > div:2 > div:2 > div:2

- **display**: `block` → `grid`
- **alignItems**: `normal` → `center`
- **gridTemplateColumns**: `none` → `348.812px`
- **borderTopWidth**: `0px` → `1px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `350.812px`
- **height**: `48px` → `384px`
- **rect**: `0,745 1440x48` → `857,482 351x384`

body > main:1 > footer:3 > span:1 — "easy-png-tools"

- **letterSpacing**: `0.8px` → `normal`
- **display**: `block` → `flex`
- **alignItems**: `normal` → `center`
- **gap**: `normal` → `7px`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `142.812px` → `116.984px`
- **height**: `13px` → `12px`
- **rect**: `58,834 143x13` → `51,1021 117x12`

body > main:1 > footer:3 > span:1 > b:1 — "v2.4.0"

- **fontWeight**: `700` → `400`
- **letterSpacing**: `0.8px` → `normal`
- **color**: `rgb(109, 120, 131)` → `rgb(23, 105, 210)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `33px`
- **height**: `auto` → `12px`
- **rect**: `160,834 41x13` → `135,1021 33x12`

body > main:1 > footer:3 > span:2 — "background remover · local-only"

- **letterSpacing**: `0.8px` → `normal`
- **display**: `block` → `flex`
- **alignItems**: `normal` → `center`
- **gap**: `normal` → `7px`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `210.812px` → `170.453px`
- **height**: `13px` → `12px`
- **rect**: `666,834 211x13` → `597,1021 170x12`

body > main:1 > footer:3 > span:3 — "© 2024"

- **letterSpacing**: `0.8px` → `normal`
- **display**: `block` → `flex`
- **alignItems**: `normal` → `center`
- **gap**: `normal` → `7px`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `40.8125px` → `33px`
- **height**: `13px` → `12px`
- **rect**: `1342,834 41x13` → `1196,1021 33x12`

body > main:1 > header:1 > nav:2 > a:4 — "Background remover"

- **fontSize**: `12px` → `10px`
- **letterSpacing**: `0.48px` → `normal`
- **color**: `rgb(109, 120, 131)` → `rgb(23, 105, 210)`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `138.25px` → `98.9688px`
- **height**: `15px` → `12px`
- **rect**: `792,24 138x15` → `824,26 99x12`

body > main:1 > header:1 > div:3 > button:2

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **display**: `flex` → `grid`
- **justifyContent**: `center` → `normal`
- **gridTemplateColumns**: `none` → `17px`
- **width**: `28px` → `29px`
- **height**: `28px` → `29px`
- **rect**: `1224,18 28x28` → `1074,17 29x29`

body > main:1 > header:1 > div:3 > button:3

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **display**: `flex` → `grid`
- **justifyContent**: `center` → `normal`
- **gridTemplateColumns**: `none` → `17px`
- **width**: `28px` → `29px`
- **height**: `28px` → `29px`
- **rect**: `1268,18 28x28` → `1119,17 29x29`

body > main:1 > div:2 > div:2 > div:1 > p:2 — "Select a background color and tune the edge detection. Changes are processed automatically in your browser."

- **lineHeight**: `24px` → `25.6px`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **margin**: `16px 0px` → `0px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `550px`
- **height**: `24px` → `51.1875px`
- **rect**: `0,179 1440x24` → `51,219 550x51`

body > main:1 > div:2 > div:3 > section:1 > div:1 > div:1 > span:1 — "REMOVER SETTINGS"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1.2px`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **rect**: `0,245 152x20` → `72,345 107x12`

body > main:1 > div:2 > div:3 > section:1 > div:3 > input:2

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **color**: `rgb(16, 16, 16)` → `rgb(23, 33, 43)`
- **backgroundColor**: `rgb(255, 255, 255)` → `rgba(0, 0, 0, 0)`
- **margin**: `2px` → `0px`
- **borderTopColor**: `rgb(16, 16, 16)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **rect**: `190,369 129x16` → `72,572 129x16`

body > main:1 > div:2 > div:3 > section:2 > div:1 > div:1 > span:1 — "SOURCE / RESULT"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **letterSpacing**: `normal` → `1.2px`
- **color**: `rgb(23, 33, 43)` → `rgb(109, 120, 131)`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **rect**: `0,602 130x20` → `488,364 100x12`

body > main:1 > div:2 > div:3 > section:2 > div:1 > div:2 > span:1 > svg:1

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **lineHeight**: `24px` → `normal`
- **color**: `rgb(23, 33, 43)` → `rgb(37, 169, 106)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **rect**: `0,628 14x14` → `1139,337 14x14`

body > main:1 > div:2 > div:3 > section:2 > div:3 > span:1 > b:1 — "PNG-24"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **fontWeight**: `700` → `600`
- **lineHeight**: `24px` → `normal`
- **margin**: `0px` → `0px 0px 0px 6px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **rect**: `65,795 59x20` → `533,903 33x12`

body > main:1 > div:2 > div:3 > section:2 > div:3 > span:2 > b:1 — "ENABLED"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **fontWeight**: `700` → `600`
- **lineHeight**: `24px` → `normal`
- **margin**: `0px` → `0px 0px 0px 6px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **rect**: `182,795 72x20` → `629,903 39x12`

body > main:1 > div:2 > div:3 > section:2 > div:3 > span:3 > b:1 — "72 %"

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `16px` → `10px`
- **fontWeight**: `700` → `600`
- **lineHeight**: `24px` → `normal`
- **margin**: `0px` → `0px 0px 0px 6px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **rect**: `351,795 39x20` → `758,903 22x12`

body > main:1 > header:1 > nav:2

- **gap**: `18px` → `22px`
- **margin**: `0px 0px 0px 24px` → `0px 28px 0px 283px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `376.594px` → `296.938px`
- **height**: `15px` → `12px`
- **rect**: `554,24 377x15` → `626,26 297x12`

body > main:1 > header:1 > nav:2 > a:1 — "Workspace"

- **fontSize**: `12px` → `10px`
- **letterSpacing**: `0.48px` → `normal`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `69.125px` → `49.4844px`
- **height**: `15px` → `12px`
- **rect**: `554,24 69x15` → `626,26 49x12`

body > main:1 > header:1 > nav:2 > a:2 — "Catalog"

- **fontSize**: `12px` → `10px`
- **letterSpacing**: `0.48px` → `normal`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `53.7656px` → `38.5px`
- **height**: `15px` → `12px`
- **rect**: `641,24 54x15` → `697,26 39x12`

body > main:1 > header:1 > nav:2 > a:3 — "Gradient"

- **fontSize**: `12px` → `10px`
- **letterSpacing**: `0.48px` → `normal`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `61.4531px` → `43.9844px`
- **height**: `15px` → `12px`
- **rect**: `713,24 61x15` → `758,26 44x12`

body > main:1 > header:1 > div:3 > button:2 > svg:1

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `16px` → `17px`
- **height**: `16px` → `17px`
- **rect**: `1230,24 16x16` → `1080,23 17x17`

body > main:1 > header:1 > div:3 > button:3 > svg:1

- **fontSize**: `13.3333px` → `16px`
- **lineHeight**: `normal` → `24px`
- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `16px` → `17px`
- **height**: `16px` → `17px`
- **rect**: `1274,24 16x16` → `1125,23 17x17`

body > main:1 > div:2 > div:3 > section:1

- **backgroundColor**: `rgba(0, 0, 0, 0)` → `rgb(248, 250, 251)`
- **borderTopWidth**: `0px` → `1px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `360px`
- **height**: `357px` → `559px`
- **rect**: `0,243 1440x357` → `51,318 360x559`

body > main:1 > div:2 > div:3 > section:1 > div:2 > div:2 > span:1

- **display**: `inline` → `block`
- **borderTopWidth**: `0px` → `1px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `auto` → `14px`
- **height**: `auto` → `14px`
- **rect**: `0,320 0x20` → `81,457 14x14`

body > main:1 > div:2 > div:3 > section:1 > div:6 > button:1 > svg:1

- **fontSize**: `13.3333px` → `12px`
- **lineHeight**: `normal` → `18px`
- **color**: `rgb(0, 0, 0)` → `rgb(23, 105, 210)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(0, 0, 0)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **rect**: `8,579 14x14` → `72,844 14x14`

body > main:1 > div:2 > div:3 > section:2

- **backgroundColor**: `rgba(0, 0, 0, 0)` → `rgb(248, 250, 251)`
- **borderTopWidth**: `0px` → `1px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `761.625px`
- **height**: `217px` → `614px`
- **rect**: `0,600 1440x217` → `467,318 762x614`

body > main:1 > div:2 > div:3 > section:2 > div:1 > div:2 > button:2 > svg:1

- **fontFamily**: `"IBM Plex Sans", sans-serif` → `"IBM Plex Mono", monospace`
- **fontSize**: `13.3333px` → `11px`
- **color**: `rgb(0, 0, 0)` → `rgb(255, 255, 255)`
- **display**: `inline` → `block`
- **borderTopColor**: `rgb(0, 0, 0)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **rect**: `104,627 15x15` → `1054,393 15x15`

body > main:1

- **backgroundColor**: `rgba(0, 0, 0, 0)` → `rgb(238, 241, 244)`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `1280px`
- **height**: `862.875px` → `1049.39px`
- **rect**: `0,0 1440x863` → `0,0 1280x1049`

body > main:1 > header:1 > div:3 > span:1 > i:1

- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `8px` → `6px`
- **height**: `8px` → `6px`
- **boxShadow**: `color(srgb 0.145098 0.662745 0.415686 / 0.25) 0px 0px 0px 2px` → `none`
- **rect**: `1091,28 8x8` → `951,29 6x6`

body > main:1 > div:2

- **padding**: `0px` → `60px 51.2px 72px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `1280px`
- **height**: `752.875px` → `940.391px`
- **rect**: `0,64 1440x753` → `0,64 1280x940`

body > main:1 > div:2 > div:3 > section:1 > div:2

- **padding**: `0px` → `22px 20px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `358px`
- **height**: `76px` → `123px`
- **rect**: `0,291 1440x76` → `52,402 358x123`

body > main:1 > div:2 > div:3 > section:1 > div:3

- **padding**: `0px` → `22px 20px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `358px`
- **height**: `48px` → `115px`
- **rect**: `0,367 1440x48` → `52,525 358x115`

body > main:1 > div:2 > div:3 > section:1 > div:4

- **padding**: `0px` → `22px 20px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `358px`
- **height**: `64px` → `93px`
- **rect**: `0,415 1440x64` → `52,640 358x93`

body > main:1 > div:2 > div:3 > section:1 > div:5

- **padding**: `0px` → `22px 20px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `358px`
- **height**: `64px` → `93px`
- **rect**: `0,495 1440x64` → `52,733 358x93`

body > main:1 > footer:3

- **letterSpacing**: `0.8px` → `normal`
- **gap**: `16px` → `normal`
- **padding**: `16px 57.6px` → `16px 51.2px`
- **width**: `1440px` → `1280px`
- **height**: `46px` → `45px`
- **rect**: `0,817 1440x46` → `0,1004 1280x45`

body

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `1280px`
- **height**: `862.875px` → `1049.39px`
- **rect**: `0,0 1440x863` → `0,0 1280x1049`

body > main:1 > header:1

- **padding**: `0px 57.6px` → `0px 51.2px`
- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `1280px`
- **rect**: `0,0 1440x64` → `0,0 1280x64`

body > main:1 > header:1 > a:1 > span:2 — "easy-png-tools"

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `117.609px` → `107.766px`
- **height**: `18px` → `17px`
- **rect**: `98,23 118x18` → `91,23 108x17`

body > main:1 > header:1 > a:1 > span:3 — "/ BACKGROUND REMOVER"

- **borderTopColor**: `rgb(23, 105, 210)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `144px` → `133.984px`
- **height**: `13px` → `12px`
- **rect**: `225,25 144x13` → `209,26 134x12`

body > main:1 > header:1 > div:3

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `291.406px` → `277.938px`
- **height**: `28px` → `29px`
- **rect**: `1091,18 291x28` → `951,17 278x29`

body > main:1 > header:1 > div:3 > span:1 — "AUTO PROCESSING"

- **borderTopColor**: `rgb(109, 120, 131)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `117px` → `107.484px`
- **height**: `13px` → `12px`
- **rect**: `1091,25 117x13` → `951,26 107x12`

body > main:1 > header:1 > div:3 > div:4

- **alignItems**: `normal` → `center`
- **borderRadius**: `4px` → `0px`
- **width**: `70.4062px` → `64.4531px`
- **height**: `27px` → `26px`
- **rect**: `1312,18 70x27` → `1164,19 64x26`

body > main:1 > div:2 > div:2 > div:1

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `550px`
- **height**: `93.4375px` → `116.391px`
- **rect**: `0,109 1440x93` → `51,154 550x116`

body > main:1 > div:2 > div:3 > section:1 > div:1 > div:1

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `146.25px`
- **height**: `24px` → `46px`
- **rect**: `0,243 1440x24` → `72,337 146x46`

body > main:1 > div:2 > div:3 > section:2 > div:1 > div:1

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `107.766px`
- **height**: `24px` → `46px`
- **rect**: `0,600 1440x24` → `488,356 108x46`

body > main:1 > div:2 > div:3 > section:2 > div:2 > div:1

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `350.812px`
- **height**: `72px` → `406px`
- **rect**: `0,649 1440x72` → `488,460 351x406`

body > main:1 > div:2 > div:3 > section:2 > div:2 > div:2

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `1440px` → `350.812px`
- **height**: `72px` → `406px`
- **rect**: `0,721 1440x72` → `857,460 351x406`

body > main:1 > header:1 > a:1

- **borderTopColor**: `rgb(23, 33, 43)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **width**: `311.609px` → `291.75px`
- **rect**: `58,17 312x30` → `51,17 292x30`

body > main:1 > header:1 > div:3 > div:4 > button:1 — "RU"

- **letterSpacing**: `0.6px` → `normal`
- **width**: `31.2031px` → `29px`
- **height**: `25px` → `24px`
- **rect**: `1313,19 31x25` → `1165,20 29x24`

body > main:1 > header:1 > div:3 > div:4 > button:3 — "EN"

- **letterSpacing**: `0.6px` → `normal`
- **width**: `31.2031px` → `29px`
- **height**: `25px` → `24px`
- **rect**: `1350,19 31x25` → `1199,20 29x24`

body > main:1 > header:1 > a:1 > span:1 — "EP"

- **borderTopColor**: `rgb(255, 255, 255)` → `rgb(203, 211, 218)`
- **borderTopStyle**: `none` → `solid`
- **rect**: `58,17 30x30` → `51,17 30x30`

Структурные расхождения

—