Code view:

A painting is a person's account of this edit as text, recorded independently of the node mapping - a rendering often has several equally defensible answers where the mapping has one. Deletions and insertions carry no position on the opposite side in a painting, so that panel draws no caret for them.

Before

1html :where(.editor-styles-wrapper){background:#fff;color:initial;font-family:serif;font-size:medium;line-height:normal}:where(.editor-styles-wrapper) .wp-align-wrapper{max-width:840px}:where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-full,:where(.editor-styles-wrapper) .wp-align-wrapper>.wp-block{max-width:none}:where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-wide{max-width:840px}:where(.editor-styles-wrapper) a{transition:none}:where(.editor-styles-wrapper) code,:where(.editor-styles-wrapper) kbd{background:inherit;font-family:monospace;font-size:inherit;margin:0;padding:0}:where(.editor-styles-wrapper) p{font-size:revert;line-height:revert;margin:revert}:where(.editor-styles-wrapper) ol,:where(.editor-styles-wrapper) ul{box-sizing:border-box;list-style-type:revert;margin:revert;padding:revert}:where(.editor-styles-wrapper) ol ol,:where(.editor-styles-wrapper) ol ul,:where(.editor-styles-wrapper) ul ol,:where(.editor-styles-wrapper) ul ul{margin:revert}:where(.editor-styles-wrapper) ol li,:where(.editor-styles-wrapper) ul li{margin:revert}:where(.editor-styles-wrapper) ol ul,:where(.editor-styles-wrapper) ul ul{list-style-type:revert}:where(.editor-styles-wrapper) h1,:where(.editor-styles-wrapper) h2,:where(.editor-styles-wrapper) h3,:where(.editor-styles-wrapper) h4,:where(.editor-styles-wrapper) h5,:where(.editor-styles-wrapper) h6{color:revert;font-size:revert;font-weight:revert;line-height:revert;margin:revert}:where(.editor-styles-wrapper) select{-webkit-appearance:revert;background:revert;border:revert;border-radius:revert;box-shadow:revert;color:revert;cursor:revert;font-family:system-ui;font-size:revert;font-weight:revert;line-height:revert;margin:revert;max-width:revert;min-height:revert;outline:revert;padding:revert;text-shadow:revert;transform:revert;vertical-align:revert}:where(.editor-styles-wrapper) select:disabled,:where(.editor-styles-wrapper) select:focus{background-color:revert;background-image:revert;border-color:revert;box-shadow:revert;color:revert;cursor:revert;text-shadow:revert;transform:revert}

After

1html :where(.editor-styles-wrapper){background:#fff;color:initial;font-family:serif;font-size:medium;line-height:normal}:where(.editor-styles-wrapper) .wp-align-wrapper{max-width:840px}:where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-full,:where(.editor-styles-wrapper) .wp-align-wrapper>.wp-block{max-width:none}:where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-wide{max-width:840px}:where(.editor-styles-wrapper) a{transition:none}:where(.editor-styles-wrapper) code,:where(.editor-styles-wrapper) kbd{background:inherit;font-family:monospace;font-size:inherit;margin:0;padding:0}:where(.editor-styles-wrapper) p{font-size:revert;line-height:revert;margin:revert}:where(.editor-styles-wrapper) ol,:where(.editor-styles-wrapper) ul{box-sizing:border-box;list-style-type:revert;margin:revert;padding:revert}:where(.editor-styles-wrapper) ol ol,:where(.editor-styles-wrapper) ol ul,:where(.editor-styles-wrapper) ul ol,:where(.editor-styles-wrapper) ul ul{margin:revert}:where(.editor-styles-wrapper) ol li,:where(.editor-styles-wrapper) ul li{margin:revert}:where(.editor-styles-wrapper) ol ul,:where(.editor-styles-wrapper) ul ul{list-style-type:revert}:where(.editor-styles-wrapper) h1,:where(.editor-styles-wrapper) h2,:where(.editor-styles-wrapper) h3,:where(.editor-styles-wrapper) h4,:where(.editor-styles-wrapper) h5,:where(.editor-styles-wrapper) h6{color:revert;font-size:revert;font-weight:revert;line-height:revert;margin:revert}:where(.editor-styles-wrapper) select{appearance:revert;background:revert;border:revert;border-radius:revert;box-shadow:revert;color:revert;cursor:revert;font-family:system-ui;font-size:revert;font-weight:revert;line-height:revert;margin:revert;max-width:revert;min-height:revert;outline:revert;padding:revert;text-shadow:revert;transform:revert;vertical-align:revert}:where(.editor-styles-wrapper) select:disabled,:where(.editor-styles-wrapper) select:focus{background-color:revert;background-image:revert;border-color:revert;box-shadow:revert;color:revert;cursor:revert;text-shadow:revert;transform:revert}

Before

stylesheet
rule_set (+42 nodes collapsed)
rule_set (+25 nodes collapsed)
rule_set (+50 nodes collapsed)
rule_set (+29 nodes collapsed)
rule_set (+21 nodes collapsed)
rule_set (+54 nodes collapsed)
rule_set (+31 nodes collapsed)
rule_set (+49 nodes collapsed)
rule_set (+68 nodes collapsed)
rule_set (+38 nodes collapsed)
rule_set (+38 nodes collapsed)
rule_set (+106 nodes collapsed)
rule_set
selectors
descendant_selector
pseudo_class_selector
: ":"
class_name "where"
arguments
( "("
class_selector
. "."
class_name
identifier "editor-styles-wrapper"
) ")"
tag_name "select"
block
{ "{"
declaration
property_name "-webkit-appearance"
: ":"
plain_value "revert"
; ";"
declaration
property_name "background"
: ":"
plain_value "revert"
; ";"
declaration
property_name "border"
: ":"
plain_value "revert"
; ";"
declaration
property_name "border-radius"
: ":"
plain_value "revert"
; ";"
declaration
property_name "box-shadow"
: ":"
plain_value "revert"
; ";"
declaration
property_name "color"
: ":"
plain_value "revert"
; ";"
declaration
property_name "cursor"
: ":"
plain_value "revert"
; ";"
declaration
property_name "font-family"
: ":"
plain_value "system-ui"
; ";"
declaration
property_name "font-size"
: ":"
plain_value "revert"
; ";"
declaration
property_name "font-weight"
: ":"
plain_value "revert"
; ";"
declaration
property_name "line-height"
: ":"
plain_value "revert"
; ";"
declaration
property_name "margin"
: ":"
plain_value "revert"
; ";"
declaration
property_name "max-width"
: ":"
plain_value "revert"
; ";"
declaration
property_name "min-height"
: ":"
plain_value "revert"
; ";"
declaration
property_name "outline"
: ":"
plain_value "revert"
; ";"
declaration
property_name "padding"
: ":"
plain_value "revert"
; ";"
declaration
property_name "text-shadow"
: ":"
plain_value "revert"
; ";"
declaration
property_name "transform"
: ":"
plain_value "revert"
; ";"
declaration
property_name "vertical-align"
: ":"
plain_value "revert"
} "}"
rule_set (+77 nodes collapsed)

After

stylesheet
rule_set (+42 nodes collapsed)
rule_set (+25 nodes collapsed)
rule_set (+50 nodes collapsed)
rule_set (+29 nodes collapsed)
rule_set (+21 nodes collapsed)
rule_set (+54 nodes collapsed)
rule_set (+31 nodes collapsed)
rule_set (+49 nodes collapsed)
rule_set (+68 nodes collapsed)
rule_set (+38 nodes collapsed)
rule_set (+38 nodes collapsed)
rule_set (+106 nodes collapsed)
rule_set
selectors
descendant_selector
pseudo_class_selector
: ":"
class_name "where"
arguments
( "("
class_selector
. "."
class_name
identifier "editor-styles-wrapper"
) ")"
tag_name "select"
block
{ "{"
declaration
property_name "appearance"
: ":"
plain_value "revert"
; ";"
declaration
property_name "background"
: ":"
plain_value "revert"
; ";"
declaration
property_name "border"
: ":"
plain_value "revert"
; ";"
declaration
property_name "border-radius"
: ":"
plain_value "revert"
; ";"
declaration
property_name "box-shadow"
: ":"
plain_value "revert"
; ";"
declaration
property_name "color"
: ":"
plain_value "revert"
; ";"
declaration
property_name "cursor"
: ":"
plain_value "revert"
; ";"
declaration
property_name "font-family"
: ":"
plain_value "system-ui"
; ";"
declaration
property_name "font-size"
: ":"
plain_value "revert"
; ";"
declaration
property_name "font-weight"
: ":"
plain_value "revert"
; ";"
declaration
property_name "line-height"
: ":"
plain_value "revert"
; ";"
declaration
property_name "margin"
: ":"
plain_value "revert"
; ";"
declaration
property_name "max-width"
: ":"
plain_value "revert"
; ";"
declaration
property_name "min-height"
: ":"
plain_value "revert"
; ";"
declaration
property_name "outline"
: ":"
plain_value "revert"
; ";"
declaration
property_name "padding"
: ":"
plain_value "revert"
; ";"
declaration
property_name "text-shadow"
: ":"
plain_value "revert"
; ";"
declaration
property_name "transform"
: ":"
plain_value "revert"
; ";"
declaration
property_name "vertical-align"
: ":"
plain_value "revert"
} "}"
rule_set (+77 nodes collapsed)