.desktop-frameless .topbar {
  position: sticky;
  top: 0;
  height: 48px;
  min-height: 48px;
  padding: 0 0 0 18px;
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
  background: #fff;
  user-select: none;
  -webkit-app-region: drag;
  app-region: drag;
}
.desktop-frameless .topbar .brand { font-size: 18px; letter-spacing: 0; white-space: nowrap; flex: 0 0 auto; }
.desktop-frameless .topbar .brand-mark { width: 32px; height: 32px; border-radius: 6px; }
.desktop-frameless .topbar .top-actions { margin-left: auto; gap: 8px; flex: 0 0 auto; }
.desktop-frameless .topbar :where(a, button, input, select, .top-actions, .desktop-window-controls) {
  -webkit-app-region: no-drag;
  app-region: no-drag;
}
.desktop-window-controls { display: flex; align-self: stretch; flex: 0 0 144px; margin-left: 0; border-left: 1px solid #eceef0; }
.desktop-window-controls button { width: 48px; height: 48px; padding: 0; border: 0; border-radius: 0; background: transparent; color: #34373a; font: 22px/1 system-ui; cursor: default; }
.desktop-window-controls button:hover { background: #f0f2f3; }
.desktop-window-controls button[data-window-action=close]:hover { background: #c93436; color: #fff; }
.desktop-window-controls button:active { transform: none; }
.desktop-window-controls button:focus-visible { outline: 2px solid #29724e; outline-offset: -4px; }
.desktop-frameless .desktop-standalone-caption { z-index: 40; }