Before
After
Captured CSS Workbench
Review the selector and edit the component CSS here. Use Capture updates the generated CSS block, then Copy CSS or Copy for Head Markup includes it in the final output.
Visual Controls
Change common component styles, then apply them into the CSS editor.
LWR pack: shell-only output. LWR renders components in shadow DOM; site-level CSS cannot reach inside them. Component styling for LWR comes from the OmniScript stylesheet and the Setup design tokens (the --dxp-g- and --slds-g- lines on the Tokens tab).
These lines style the OmniScript without any CSS file. Paste them all: Aura sites and Lightning pages read the --lwc- lines, LWR sites read the --dxp-g- lines, and SLDS 2 themes read the --slds-g- styling hooks. Each runtime ignores the prefixes it does not use. Salesforce notes that design tokens are not supported in Safari, so keep the stylesheet as your fallback.