fix(ui): align cross-platform chrome

src/index.css

@@ -1285,46 +1285,73 @@
 
 .window-controls {
   position: fixed;
-  top: 10px;
-  left: 12px;
+  top: 15px;
+  left: 22px;
   z-index: 60;
   display: inline-flex;
   align-items: center;
-  gap: 7px;
+  gap: 8px;
+  -webkit-app-region: no-drag;
+  pointer-events: auto;
 }
 
 .window-control {
-  width: 22px;
-  height: 22px;
+  width: 14px;
+  height: 14px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  color: hsl(var(--text-muted));
+  color: hsl(0 0% 10% / 0);
   border-radius: 999px;
+  border: 0.5px solid hsl(0 0% 0% / 0.28);
+  box-shadow:
+    inset 0 1px 0 hsl(0 0% 100% / 0.26),
+    0 1px 2px hsl(0 0% 0% / 0.16);
+  transition:
+    filter 120ms ease,
+    color 120ms ease,
+    transform 120ms ease;
+  -webkit-app-region: no-drag;
+}
+
+.window-control.close {
+  background: #ff5f57;
+}
+
+.window-control.minimize {
+  background: #ffbd2e;
+}
+
+.window-control.maximize {
+  background: #28c840;
 }
 
 .window-control:hover {
-  color: hsl(var(--text-primary));
-  background: hsl(var(--item-hover));
+  color: hsl(0 0% 8% / 0.68);
+  filter: saturate(1.14) brightness(1.05);
 }
 
-.window-control.close:hover {
-  color: white;
-  background: #c42b1c;
+.window-control:active {
+  transform: scale(0.92);
+  filter: brightness(0.9);
 }
 
 .main-titlebar {
   height: 52px;
   display: flex;
-    align-items: center;
-    padding: 0 18px;
+  align-items: center;
+  padding: 0 18px;
     border-bottom: 1px solid hsl(var(--border-color));
-    background: hsl(var(--statusbar-bg));
-  }
+  background: hsl(var(--statusbar-bg));
+}
 
-  .main-titlebar-title {
-    font-size: 14px;
-    font-weight: 700;
+.main-titlebar--custom-controls-collapsed {
+  padding-left: 124px;
+}
+
+.main-titlebar-title {
+  font-size: 14px;
+  font-weight: 700;
     color: hsl(var(--text-primary));
     letter-spacing: -0.01em;
   }