visual

public/assets/desktop/desktop.css

@@ -1581,7 +1581,8 @@ body .tray-pill.tray-pill-status--unconfigured {
 @media (max-width: 1100px) {
     .desktop-stage {
         min-height: 100vh;
-        padding-bottom: 120px;
+        padding-bottom: calc(var(--taskbar-height) + var(--taskbar-bottom) + 16px);
+        overflow-x: hidden;
     }
 
     .desktop-icons {
@@ -1612,34 +1613,92 @@ body .tray-pill.tray-pill-status--unconfigured {
 
     .start-menu {
         position: fixed;
-        left: 16px;
-        right: 16px;
-        bottom: 88px;
+        left: 8px;
+        right: 8px;
+        top: 8px;
+        bottom: calc(var(--taskbar-height) + var(--taskbar-bottom) + 8px);
         transform: none;
         width: auto;
+        max-width: none;
         min-height: 0;
+        max-height: none;
         grid-template-columns: 1fr;
+        overflow: auto;
+        overscroll-behavior: contain;
+        box-sizing: border-box;
     }
 
     .start-menu-sidebar {
         border-right: 0;
         border-bottom: 1px solid rgba(255, 255, 255, 0.06);
+        min-width: 0;
+        padding: 16px 12px 12px;
+    }
+
+    .start-menu-selection-area {
+        min-width: 0;
+        padding: 16px 12px 20px;
+    }
+
+    .start-menu-function-list,
+    .start-menu-selection-list,
+    .start-menu-group,
+    .start-menu-group-list {
+        min-width: 0;
+    }
+
+    .start-menu-selection-list {
+        max-height: none;
+        overflow: visible;
+        padding-right: 0;
+    }
+
+    .start-menu-entry {
+        grid-template-columns: 40px minmax(0, 1fr);
+    }
+
+    .start-menu-entry-toggle {
+        display: none;
     }
 
     .window-layer {
-        position: static;
-        inset: auto;
-        margin-top: 24px;
-        display: grid;
-        gap: 18px;
+        position: fixed;
+        inset: 0 0 calc(var(--taskbar-height) + var(--taskbar-bottom) + 6px) 0;
+        margin-top: 0;
+        display: block;
+        z-index: 95;
     }
 
     .window {
-        position: relative;
+        position: absolute;
+        inset: 0;
         width: 100% !important;
-        height: auto !important;
-        left: auto !important;
-        top: auto !important;
+        height: 100% !important;
+        min-height: 0;
+        max-height: none;
+        left: 0 !important;
+        top: 0 !important;
+        border-radius: 0;
+        border: 0;
+        box-shadow: none;
+    }
+
+    .window-header {
+        padding: 10px 12px;
+    }
+
+    .window-header-spacer {
+        width: 48px;
+        flex-basis: 48px;
+    }
+
+    .window-content,
+    .window-content--module,
+    .window-content--embedded,
+    .window-module-host,
+    .window-app-frame {
+        height: 100%;
+        min-height: 0;
     }
 
     .window-app-frame {
@@ -1662,6 +1721,22 @@ body .tray-pill.tray-pill-status--unconfigured {
         grid-template-columns: 1fr;
     }
 
+    .taskbar {
+        left: 8px;
+        right: 8px;
+        bottom: 8px;
+        min-height: 56px;
+        padding: 8px 10px;
+        gap: 8px;
+        border-radius: 18px;
+    }
+
+    .taskbar-apps {
+        gap: 8px;
+        min-width: 0;
+        overflow: auto;
+    }
+
     .desktop-debug-toolbar {
         display: grid;
         grid-template-columns: 1fr;