Paste HTML/CSS as blocks

Markup you already have, a hero from an old site, a snippet from a pattern library, can come into Slowly as real blocks rather than a frozen HTML embed.

There are two ways in:

• The Paste HTML/CSS modal. In the block toolbar, open the Copy/Paste Styles menu and choose Paste HTML/CSS. It has a field for the markup and an optional one for a stylesheet, for the copy-HTML-here-CSS-there case. A <style> block inside the HTML also works. Convert to blocks inserts the result after the selected block.
• A plain paste. With the HTML to Blocks editor setting on, pasting HTML straight onto the canvas runs the same converter, as long as you are not typing in a text field.

Elements map to their Slowly equivalents: sections, divs, headings, paragraphs, buttons, lists, images, SVGs, inputs, and videos, including YouTube and Vimeo embeds. The CSS is matched to each element with normal cascade rules and written into Design-tab attributes: layout, spacing, typography, colours, backgrounds including gradients, borders, shadows, filters, transitions. ::before and ::after with their content, and the hover, active, and focus selectors land on the matching states. Width media queries are flattened onto your site's breakpoints, and var() custom properties resolve to their values. Class names come through as linked classes on each block, so shared naming survives.

What has no per-block equivalent stays as custom CSS scoped to the block: sibling selectors, :nth-child and :not(), non-width media queries, @keyframes, @font-face, @supports. Nothing is silently dropped, and the conversion notes list what was kept that way.

Elements with no native block, tables, plain iframes, canvas, audio, selects, are kept as raw HTML inside a styled wrapper block. Scripts are never carried over.