Effects: Shadows, Blur, and Filters

The "Shadow & Filters" block stacks multiple shadow and filter effects — box/inner/drop/text shadow plus blur, backdrop blur, brightness, contrast, saturate, hue-rotate, invert, grayscale, and sepia.

Where: Right sidebar → Styles → "Shadow & Filters" block — Select an element and add the Shadow & Filters block (or it appears when effects exist)

Key ideas

• Shadow types: Container Shadow (box-shadow, x/y/blur/spread/color), Inner Shadow, Filter Shadow (drop-shadow, no spread), and Text Shadow.
• Filter effects: Blur, Backdrop Blur, Brightness, Contrast, Saturate, Hue Rotate, Invert, Grayscale, Sepia — each a stackable layer.
• Stacking & reorder: Effects are a draggable layer list; each has a type switcher, settings popover, and delete.

Steps

1. Select an element and add the "Shadow & Filters" block in the Styles section.
2. Click + to add an effect and pick its type from the switcher.
3. Open the settings popover to set offsets/blur/spread/color (shadows) or the value (filters).
4. Drag to reorder; stack multiple effects as needed.