Visual Editor - Provide option to open Code Editor (Edit CSS + JS) in a side-by-side pane

Often when I'm editing either large CSS blocks or JS blocks in the Code Editor, I kind of need to be able to see how those changes in the code are impacting the visuals. Because the Code Editor covers the entire viewport, I have to close then reopen to do so. It'd be so nice to have a side-by-side editing experience, similar to something like CodePen, CodeSandbox or StackBlitz where you can see real-time updates to your output as you edit your CSS/JS.