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

1.wp-block-audio :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio :where(figcaption){color:#ffffffa6}.wp-block-audio{margin:0 0 1em}

After

1/**
2 * Typography
3 */
4/**
5 * SCSS Variables.
6 *
7 * Please use variables from this sheet to ensure consistency across the UI.
8 * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
9 * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
10 */
11/**
12 * Colors
13 */
14/**
15 * Fonts & basic variables.
16 */
17/**
18 * Typography
19 */
20/**
21 * Grid System.
22 * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
23 */
24/**
25 * Radius scale.
26 */
27/**
28 * Elevation scale.
29 */
30/**
31 * Dimensions.
32 */
33/**
34 * Mobile specific styles
35 */
36/**
37 * Editor styles.
38 */
39/**
40 * Block & Editor UI.
41 */
42/**
43 * Block paddings.
44 */
45/**
46 * React Native specific.
47 * These variables do not appear to be used anywhere else.
48 */
49/**
50 * Breakpoints & Media Queries
51 */
52/**
53* Converts a hex value into the rgb equivalent.
54*
55* @param {string} hex - the hexadecimal value to convert
56* @return {string} comma separated rgb values
57*/
58/**
59 * Long content fade mixin
60 *
61 * Creates a fading overlay to signify that the content is longer
62 * than the space allows.
63 */
64/**
65 * Breakpoint mixins
66 */
67/**
68 * Focus styles.
69 */
70/**
71 * Applies editor left position to the selector passed as argument
72 */
73/**
74 * Styles that are reused verbatim in a few places
75 */
76/**
77 * Allows users to opt-out of animations via OS-level preferences.
78 */
79/**
80 * Reset default styles for JavaScript UI based pages.
81 * This is a WP-admin agnostic reset
82 */
83/**
84 * Reset the WP Admin page styles for Gutenberg-like pages.
85 */
86.wp-block-audio :where(figcaption) {
87 color: #555;
88 font-size: 13px;
89 text-align: center;
90}
91.is-dark-theme .wp-block-audio :where(figcaption) {
92 color: rgba(255, 255, 255, 0.65);
93}
94
95.wp-block-audio {
96 margin: 0 0 1em 0;
97}

Before

stylesheet
rule_set
selectors
descendant_selector
class_selector
. "."
class_name
identifier "wp-block-audio"
pseudo_class_selector
: ":"
class_name "where"
arguments
( "("
tag_name "figcaption"
) ")"
block
{ "{"
declaration
property_name "color"
: ":"
color_value
# "#"
; ";"
declaration
property_name "font-size"
: ":"
integer_value
unit "px"
; ";"
declaration
property_name "text-align"
: ":"
plain_value "center"
} "}"
rule_set
selectors
descendant_selector
descendant_selector
class_selector
. "."
class_name
identifier "is-dark-theme"
class_selector
. "."
class_name
identifier "wp-block-audio"
pseudo_class_selector
: ":"
class_name "where"
arguments
( "("
tag_name "figcaption"
) ")"
block
{ "{"
declaration
property_name "color"
: ":"
color_value
# "#"
} "}"
rule_set
selectors
class_selector
. "."
class_name
identifier "wp-block-audio"
block
{ "{"
declaration
property_name "margin"
: ":"
integer_value "0"
integer_value "0"
integer_value
unit "em"
} "}"

After

stylesheet
comment "/**\n * Typography\n */"
comment "/**\n * SCSS Variables.\n *\n * Please use variables from this "...
comment "/**\n * Colors\n */"
comment "/**\n * Fonts & basic variables.\n */"
comment "/**\n * Typography\n */"
comment "/**\n * Grid System.\n * https://make.wordpress.org/design/201"...
comment "/**\n * Radius scale.\n */"
comment "/**\n * Elevation scale.\n */"
comment "/**\n * Dimensions.\n */"
comment "/**\n * Mobile specific styles\n */"
comment "/**\n * Editor styles.\n */"
comment "/**\n * Block & Editor UI.\n */"
comment "/**\n * Block paddings.\n */"
comment "/**\n * React Native specific.\n * These variables do not appe"...
comment "/**\n * Breakpoints & Media Queries\n */"
comment "/**\n* Converts a hex value into the rgb equivalent.\n*\n* @pa"...
comment "/**\n * Long content fade mixin\n *\n * Creates a fading overla"...
comment "/**\n * Breakpoint mixins\n */"
comment "/**\n * Focus styles.\n */"
comment "/**\n * Applies editor left position to the selector passed a"...
comment "/**\n * Styles that are reused verbatim in a few places\n */"
comment "/**\n * Allows users to opt-out of animations via OS-level pr"...
comment "/**\n * Reset default styles for JavaScript UI based pages.\n "...
comment "/**\n * Reset the WP Admin page styles for Gutenberg-like pag"...
rule_set
selectors
descendant_selector
class_selector
. "."
class_name
identifier "wp-block-audio"
pseudo_class_selector
: ":"
class_name "where"
arguments
( "("
tag_name "figcaption"
) ")"
block
{ "{"
declaration
property_name "color"
: ":"
color_value
# "#"
; ";"
declaration
property_name "font-size"
: ":"
integer_value
unit "px"
; ";"
declaration
property_name "text-align"
: ":"
plain_value "center"
; ";"
} "}"
rule_set
selectors
descendant_selector
descendant_selector
class_selector
. "."
class_name
identifier "is-dark-theme"
class_selector
. "."
class_name
identifier "wp-block-audio"
pseudo_class_selector
: ":"
class_name "where"
arguments
( "("
tag_name "figcaption"
) ")"
block
{ "{"
declaration
property_name "color"
: ":"
call_expression
function_name "rgba"
arguments
( "("
integer_value "255"
, ","
integer_value "255"
, ","
integer_value "255"
, ","
float_value "0.65"
) ")"
; ";"
} "}"
rule_set
selectors
class_selector
. "."
class_name
identifier "wp-block-audio"
block
{ "{"
declaration
property_name "margin"
: ":"
integer_value "0"
integer_value "0"
integer_value
unit "em"
integer_value "0"
; ";"
} "}"