Restore custom styled window controls

src/styles.css

@@ -149,13 +149,12 @@ textarea:focus {
 .titlebar {
   -webkit-app-region: drag;
   align-items: center;
-  background: color-mix(in srgb, var(--surface) 88%, var(--bg));
+  background: color-mix(in srgb, var(--surface) 92%, var(--bg));
   border: 1px solid var(--border);
   border-radius: 8px;
   display: flex;
   justify-content: space-between;
   overflow: hidden;
-  padding-right: 138px;
 }
 
 .titlebarBrand {
@@ -181,6 +180,42 @@ textarea:focus {
   width: 24px;
 }
 
+.windowControls {
+  -webkit-app-region: no-drag;
+  align-items: stretch;
+  display: flex;
+  height: 100%;
+  padding: 3px;
+}
+
+.windowControls button {
+  background: transparent;
+  border: 1px solid transparent;
+  border-radius: 6px;
+  color: var(--muted);
+  min-height: 0;
+  min-width: 38px;
+  padding: 0;
+}
+
+.windowControls button:hover {
+  background: var(--surface-subtle);
+  border-color: var(--border);
+  color: var(--text);
+  transform: none;
+}
+
+.windowControls button:active {
+  background: var(--accent-soft);
+  color: var(--accent-strong);
+}
+
+.windowControls .closeButton:hover {
+  background: var(--danger);
+  border-color: var(--danger);
+  color: #fff;
+}
+
 .toolbar {
   align-items: center;
   background: var(--surface);