fix(web): keep scoped descendants inside global desktop-platform selectors

Author: elkaix

apps/pythinker-web/src/App.vue

@@ -1352,20 +1352,20 @@ function openPr(url: string): void {
   overflow: hidden;
   box-sizing: border-box;
 }
-:global(html[data-desktop-platform='darwin']) .app,
-:global(html[data-desktop-platform='win32']) .app {
+:global(html[data-desktop-platform='darwin'] .app),
+:global(html[data-desktop-platform='win32'] .app) {
   background: transparent;
 }
 :global(html[data-desktop-platform='darwin'] .side),
 :global(html[data-desktop-platform='win32'] .side),
-:global(html[data-desktop-platform='darwin']) .sidebar-rail,
-:global(html[data-desktop-platform='win32']) .sidebar-rail {
+:global(html[data-desktop-platform='darwin'] .sidebar-rail),
+:global(html[data-desktop-platform='win32'] .sidebar-rail) {
   background: color-mix(in srgb, var(--panel) 55%, transparent);
 }
 :global(html[data-desktop-platform='darwin'] .con),
 :global(html[data-desktop-platform='win32'] .con),
-:global(html[data-desktop-platform='darwin']) .global-preview,
-:global(html[data-desktop-platform='win32']) .global-preview {
+:global(html[data-desktop-platform='darwin'] .global-preview),
+:global(html[data-desktop-platform='win32'] .global-preview) {
   background: var(--bg);
 }
 /* Grid children must be allowed to shrink below content height so that only

apps/pythinker-web/src/components/Sidebar.vue

@@ -592,12 +592,12 @@ const showNewWorkspaceButton = false;
   width: 100%;
   box-sizing: border-box;
 }
-:global(html[data-desktop-platform='darwin']) .ch {
+:global(html[data-desktop-platform='darwin'] .ch) {
   padding-top: 42px;
   -webkit-app-region: drag;
 }
-:global(html[data-desktop-platform='darwin']) .ch button,
-:global(html[data-desktop-platform='darwin']) .ch .ch-brand {
+:global(html[data-desktop-platform='darwin'] .ch button),
+:global(html[data-desktop-platform='darwin'] .ch .ch-brand) {
   -webkit-app-region: no-drag;
 }
 .ch-brand {