fix: resolve layout grid blowout causing overlapping panels

src/css/components.css

@@ -4107,16 +4107,17 @@ body.focus-mode .editor-surface {
   height: 100%;
 }
 
+/* Prevent grid items from growing beyond their track */
+#page-editor .editor-layout > div {
+  min-width: 0;
+  min-height: 0;
+}
+
 #page-editor .editor-shell {
   display: flex;
   flex-direction: column;
   height: 100%;
-  overflow: visible;
-}
-
-#page-editor .editor-footer {
-  overflow: visible;
-  flex-wrap: wrap;
+  overflow: hidden;
 }
 
 #page-editor #write-area,
@@ -4126,12 +4127,10 @@ body.focus-mode .editor-surface {
   flex: 1;
   overflow-y: auto;
   min-height: 0;
-  display: flex;
-  flex-direction: column;
 }
 
-#page-editor .editor-surface {
-  flex: 1;
-  min-height: 100%;
+/* Prevent sidebar cards from squishing */
+#page-editor .sidebar-panel > div {
+  flex-shrink: 0;
 }