UPdate.

static/css/code-editor-view.css

@@ -1,25 +1,13 @@
 .code-editor-overlay {
-    position: fixed;
+    position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
-    background: rgba(0, 0, 0, 0.5);
-    z-index: 1000;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.code-editor-container {
-    width: 90%;
-    height: 90%;
-    max-width: 1400px;
-    background: white;
-    border-radius: 8px;
     display: flex;
     flex-direction: column;
-    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
+    background: white;
+    z-index: 100;
 }
 
 .code-editor-header {
@@ -37,7 +25,7 @@
     gap: 16px;
 }
 
-.code-editor-header .header-right {
+.code-editor-header .preview-actions {
     display: flex;
     gap: 8px;
 }

static/css/style.css

@@ -761,6 +761,15 @@ body.dark-mode {
     text-align: center;
     padding: calc(var(--spacing-unit) * 4);
     color: var(--text-color-light);
+    font-size: 1.1rem;
+}
+
+.empty-state::before {
+    content: "📁";
+    display: block;
+    font-size: 3rem;
+    margin-bottom: var(--spacing-unit);
+    opacity: 0.5;
 }
 
 .file-preview-overlay {