Visual Editor, design mode in the preview

The Visual Editor is design mode for your live app. Hover to see what anything is, click to select it, and use the toolbar that appears right above it to change text and colors on the spot. Double-click any text to type your new wording right where it lives. Add new pieces too: pick a heading, text block, button, image, section, or divider from the Insert menu, then click to place it near your selection or drag it exactly where you want; green guides show where it will land, already styled to match your page. If you grab the wrong thing, one press of Esc, a right-click picker, or the Layers list gets you exactly the element you meant. Works on desktop and touch screens; on phones the editing panel slides up from the bottom so your page stays visible. Every change can be undone, your edits survive a page reload, and you get a warning before closing anything unsaved. When you save, your app updates automatically.