fix: pixel-perfect IDE editor layout to match Figma design

Audit against Figma node 1156:23692 (IDE Editor full, file 4hKtI49khKHjribAGpFUkW).

Layout composition:
- Window border-radius: 24px → 16px (Figma exact)
- Remove outer window border and box-shadow (not in Figma)
- Main area padding: 0 8px with 8px gap between sidebar and editor
- Editor container: remove margins, bg #1C1C1D, border-radius 12px
- Sidebar: remove vertical margins, full height
- Activity bar: align-self flex-start (HUG height per Figma)
- Inner layout gap: 8px between sidebar and code panel

Title bar & status bar:
- Title bar height: 56px → 48px (Figma exact)
- Status bar padding: 8px 24px → 8px 8px, height 48px
- Token --cortex-height-titlebar: 56px → 48px

Editor area:
- Tab bar height: 36px → 40px, bg matches code panel (#1C1C1D)
- Tab bar padding: 4px 8px 4px 4px (Figma exact)
- Code font size: 13px → 14px (JetBrains Mono per Figma)
- Line height multiplier: 1.5 → 1.15 (~16px per Figma)
- CortexCodeEditor border-radius: 16px → 12px

Resize dividers:
- Sidebar splitter width: 6px → 4px, solid accent on hover
- Bottom panel splitter: fix width→height (horizontal divider)
- Container radius token: 24px → 16px

Author: echobt

src/components/cortex/CortexActivityBar.tsx

@@ -65,7 +65,11 @@ export const CortexActivityBar: Component<CortexActivityBarProps> = (props) => {
           display: "flex",
           "flex-direction": "column",
           width: "var(--cortex-space-10)",
+<<<<<<< HEAD
           height: "100%",
+=======
+          "align-self": "flex-start",
+>>>>>>> 99dade2 (fix: pixel-perfect IDE editor layout to match Figma design)
           background: "var(--cortex-sidebar-bg)",
           "border-radius": "var(--cortex-sidebar-radius)",
           border: "1px solid var(--cortex-border-default)",

src/components/cortex/CortexCodeEditor.tsx

@@ -90,7 +90,7 @@ export const CortexCodeEditor: Component<CortexCodeEditorProps> = (props) => {
     height: "100%",
     background: "var(--cortex-bg-secondary)",
     border: "1px solid var(--cortex-border-default)",
-    "border-radius": "16px",
+    "border-radius": "12px",
     overflow: "hidden",
     ...local.style,
   });

src/components/cortex/CortexDesktopLayout.tsx

@@ -289,9 +289,14 @@ export function CortexDesktopLayout(props: ParentProps) {
   return (
     <div style={{
       display: "flex", "flex-direction": "column", width: "100vw", height: "100vh",
+<<<<<<< HEAD
       background: "var(--cortex-bg-primary)", border: "1px solid var(--cortex-border-default)",
       "border-radius": "var(--cortex-panel-radius, 16px)",
       "box-shadow": "0px 4px 26px 15px rgba(38,36,37,0.38), inset 0px 0px 13.1px 6px rgba(26,24,25,0.2)",
+=======
+      background: "var(--cortex-bg-primary)",
+      "border-radius": "16px",
+>>>>>>> 99dade2 (fix: pixel-perfect IDE editor layout to match Figma design)
       overflow: "hidden", "font-family": "var(--cortex-font-sans)", color: "var(--cortex-text-primary)",
     }}>
       <FileEditHandlers />
@@ -311,7 +316,11 @@ export function CortexDesktopLayout(props: ParentProps) {
         onProjectDropdownClick={() => window.dispatchEvent(new CustomEvent("folder:open"))}
       />
 
+<<<<<<< HEAD
       <main style={{ display: "flex", flex: "1", overflow: "hidden", position: "relative", padding: "0 8px" }}>
+=======
+      <main style={{ display: "flex", flex: "1", overflow: "hidden", position: "relative", padding: "0 8px", gap: "8px" }}>
+>>>>>>> 99dade2 (fix: pixel-perfect IDE editor layout to match Figma design)
         <CortexModeCarousel
           mode={mode()}
           vibeContent={() =>

src/components/cortex/CortexStatusBar.tsx

@@ -72,8 +72,13 @@ export const CortexStatusBar: Component<CortexStatusBarProps> = (props) => {
     "align-items": "center",
     "justify-content": "space-between",
     gap: "40px",
+<<<<<<< HEAD
     height: "var(--cortex-height-statusbar, 24px)",
     padding: "0 24px",
+=======
+    padding: "8px 8px",
+    height: "48px",
+>>>>>>> 99dade2 (fix: pixel-perfect IDE editor layout to match Figma design)
     "flex-shrink": "0",
     "font-family": "var(--cortex-font-sans)",
     "font-size": "12px",

src/components/cortex/CortexTitleBar.tsx

@@ -187,7 +187,12 @@ export const CortexTitleBar: Component<CortexTitleBarProps> = (props) => {
         width: "100%",
         height: "48px",
         "min-height": "48px",
+<<<<<<< HEAD
         background: "var(--cortex-bg-primary)",
+=======
+        padding: "0 0 0 8px",
+        background: "transparent",
+>>>>>>> 99dade2 (fix: pixel-perfect IDE editor layout to match Figma design)
         position: "relative",
         "-webkit-app-region": "drag",
         "user-select": "none",

src/components/cortex/EditorTabBar.tsx

@@ -53,8 +53,9 @@ export const EditorTabBar: Component<EditorTabBarProps> = (props) => {
     display: "flex",
     "align-items": "center",
     "align-self": "stretch",
-    height: "36px",
-    background: "var(--cortex-bg-primary)",
+    height: "40px",
+    background: "var(--cortex-bg-secondary)",
+    padding: "4px 8px 4px 4px",
     "border-bottom": "1px solid var(--cortex-border-default)",
     overflow: "hidden",
     "flex-shrink": "0",

src/components/cortex/layout/CortexBottomPanelContainer.tsx

@@ -32,7 +32,10 @@ export function CortexBottomPanelContainer(props: CortexBottomPanelContainerProp
       <div
         style={{
           height: "4px",
+<<<<<<< HEAD
           width: "100%",
+=======
+>>>>>>> 99dade2 (fix: pixel-perfect IDE editor layout to match Figma design)
           cursor: "row-resize",
           background: "transparent",
           transition: "background 200ms ease-out",

src/components/cortex/layout/CortexIDELayout.tsx

@@ -48,7 +48,11 @@ export function CortexIDELayout(props: CortexIDELayoutProps) {
     "flex-direction": "column",
     overflow: "hidden",
     "min-width": "0",
+<<<<<<< HEAD
     background: "var(--cortex-bg-secondary, #1C1C1D)",
+=======
+    background: "var(--cortex-bg-secondary)",
+>>>>>>> 99dade2 (fix: pixel-perfect IDE editor layout to match Figma design)
     "border-radius": "12px",
     border: "1px solid var(--cortex-border-default)",
   });
@@ -62,7 +66,11 @@ export function CortexIDELayout(props: CortexIDELayoutProps) {
       />
 
       <div style={{ display: "flex", flex: "1", overflow: "hidden", "flex-direction": "column" }}>
+<<<<<<< HEAD
         <div style={{ display: "flex", flex: "1", overflow: "hidden", gap: "8px", padding: "0 8px" }}>
+=======
+        <div style={{ display: "flex", flex: "1", overflow: "hidden", gap: "8px" }}>
+>>>>>>> 99dade2 (fix: pixel-perfect IDE editor layout to match Figma design)
           <CortexSidebarContainer
             sidebarTab={props.sidebarTab}
             sidebarCollapsed={props.sidebarCollapsed}

src/components/cortex/layout/CortexSidebarContainer.tsx

@@ -165,7 +165,7 @@ export function CortexSidebarContainer(props: CortexSidebarContainerProps) {
 
       <div
         style={{
-          width: "6px",
+          width: "4px",
           cursor: "col-resize",
           background: "transparent",
           transition: "background 150ms",
@@ -193,7 +193,7 @@ export function CortexSidebarContainer(props: CortexSidebarContainerProps) {
         }}
         onMouseEnter={(e) => {
           const el = e.currentTarget as HTMLElement;
-          el.style.background = "linear-gradient(to right, transparent 2px, var(--cortex-accent-primary) 2px, var(--cortex-accent-primary) 4px, transparent 4px)";
+          el.style.background = "var(--cortex-accent-primary)";
         }}
         onMouseLeave={(e) => {
           (e.currentTarget as HTMLElement).style.background = "transparent";

src/components/editor/CodeEditor.tsx

@@ -560,12 +560,12 @@ export function CodeEditor(props: CodeEditorProps) {
   });
   const editorFontSize = createMemo(() => {
     const langSettings = getEffectiveEditorSettings(currentLanguage());
-    return langSettings.fontSize ?? 13;
+    return langSettings.fontSize ?? 14;
   });
   const editorLineHeight = createMemo(() => {
     const langSettings = getEffectiveEditorSettings(currentLanguage());
-    const fontSize = langSettings.fontSize ?? 13;
-    const lineHeightMultiplier = langSettings.lineHeight ?? 1.5;
+    const fontSize = langSettings.fontSize ?? 14;
+    const lineHeightMultiplier = langSettings.lineHeight ?? 1.15;
     return Math.round(fontSize * lineHeightMultiplier);
   });