From 35fec72f9fb8a42324d418e8608013975f582e28 Mon Sep 17 00:00:00 2001
From: Ku6epXBOCTuK <Ku6epXBOCTuK@gmail.com>
Date: Tue, 23 Jun 2026 22:19:06 +0500
Subject: [PATCH] fix: resolve toggle mode issue

---
 style.css | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/style.css b/style.css
index 89564e5..ec8dec4 100644
--- a/style.css
+++ b/style.css
@@ -481,23 +481,26 @@ main {
   font-style: italic;
 }
 
-body.mode-edit .left-col .panel:first-child,
-body.mode-edit .right-col {
+body.mode-edit .left-col .panel:first-child {
   display: flex;
 }
 body.mode-edit .left-col .panel:last-child {
   display: none;
 }
-body.mode-preview .left-col .panel:first-child,
-body.mode-preview .right-col {
-  display: none;
+body.mode-edit .right-col {
+  display: flex;
 }
 
-body.mode-preview main {
-  display: flex;
-  justify-content: center;
-  align-items: flex-start;
+body.mode-preview .left-col .panel:first-child {
+  display: none;
 }
+body.mode-preview .left-col .panel:last-child {
+  display: flex;
+}
+body.mode-preview .right-col {
+  display: flex;
+}
+
 body.mode-preview .left-col {
   max-width: 900px;
   width: 100%;