use universal window controls across platforms

js/src/features/layout.tsx

@@ -92,10 +92,10 @@ function TopBar() {
   const { data: particle } = useParticle(path);
 
   return (
-    <div className="drag-region flex items-center gap-3 border-b px-3 py-1 bg-muted">
+    <div className="drag-region flex items-center gap-1 border-b bg-muted p-1">
       <WindowControls />
 
-      <Breadcrumb className="no-drag">
+      <Breadcrumb className="no-drag px-2">
         <BreadcrumbList>
           <BreadcrumbItem className="text-xs">
             {segments.length === 0 ? (

js/src/features/particles/stream-top-bar.tsx

@@ -77,7 +77,7 @@ export function TopBar({ networkId, particle, streamParticle }: TopBarProps) {
   };
 
   return (
-    <div className="drag-region flex flex-row px-4 gap-1 items-center">
+    <div className="drag-region flex flex-row px-2 gap-1 items-center">
       <WindowControls />
 
       <Breadcrumb className="no-drag rounded-full bg-black/30 backdrop-blur-sm px-3 py-1 mx-auto">

js/src/features/particles/stream-view.tsx

@@ -419,7 +419,7 @@ function StreamViewInner({ path, streamParticle }: StreamViewProps) {
       <div className="pointer-events-none absolute inset-x-0 top-0 z-[5] h-32 bg-gradient-to-b from-black/60 to-transparent" />
 
       {/* TopBar — always visible */}
-      <div className="z-10 absolute left-0 right-0 mt-3">
+      <div className="z-10 absolute left-0 right-0 pt-2">
         <TopBar networkId={networkId} particle={currentParticle} streamParticle={streamParticle} />
       </div>