update

app/styles.css

@@ -1687,7 +1687,7 @@
 
     .cube-rotation-controls {
       display: grid;
-      grid-template-columns: repeat(5, minmax(0, 1fr));
+      grid-template-columns: repeat(6, minmax(0, 1fr));
       gap: 6px;
       padding: 8px 12px 6px;
       border-bottom: 1px solid #27272a;
@@ -1710,6 +1710,12 @@
       color: #f4f4f5;
     }
 
+    .cube-rotation-btn[aria-pressed="true"] {
+      background: #312e81;
+      border-color: #818cf8;
+      color: #e0e7ff;
+    }
+
     .cube-marker-mode-control {
       grid-column: 1 / -1;
       display: flex;
@@ -2108,6 +2114,31 @@
       border-bottom: none;
     }
 
+    .kab-layout.is-cube-focus {
+      grid-template-rows: minmax(0, 1fr);
+    }
+
+    .kab-layout.is-cube-focus > .kab-detail-panel {
+      display: none;
+    }
+
+    .kab-layout.is-cube-focus > .kab-tree-panel {
+      max-height: none;
+      min-height: 0;
+      height: 100%;
+      border-bottom: none;
+    }
+
+    .kab-layout.is-cube-focus .kab-tree-container {
+      align-items: center;
+      padding: 18px;
+    }
+
+    .kab-layout.is-cube-focus .kab-tree-container > .cube-svg {
+      width: min(100%, 760px);
+      max-height: calc(100vh - 190px);
+    }
+
     .kab-tree-container {
       flex: 1;
       padding: 12px 14px 16px;