Editing Wordpress pages with live view, how to do?

Question

WordPress

Hello, the question is this, there is a site with 27 pages, it is now functioning on WordPress with the unyson framework, everything works without extra code and on blocks written by me personally, so the framework is needed only for me to click on a certain section and fill out pictures for it, texts, etc. picture 1

recently there was a question about the visual component of the page editor shown in fig. 1, I would like the site itself to be displayed on the editing page of each page with its own styles and scripts (as in the theme settings mode in real time appearance> settings) and clicking on a certain icon on each block opens the editing window for this section. Those. in fact, I need to transfer the layout of the site with styles and scripts to the editing page with the ability to edit each block approximately as in Figure 2