diff --git a/v2/src/lib/components/Agent/AgentPane.svelte b/v2/src/lib/components/Agent/AgentPane.svelte
index 0bb8356..df04357 100644
--- a/v2/src/lib/components/Agent/AgentPane.svelte
+++ b/v2/src/lib/components/Agent/AgentPane.svelte
@@ -574,20 +574,20 @@
     min-height: 0;
   }
 
-  .message { padding: 4px 0; }
+  .message { padding: 0.25rem 0; }
 
   .msg-init {
     display: flex;
     align-items: center;
-    gap: 8px;
+    gap: 0.5rem;
     color: var(--ctp-overlay0);
-    font-size: 11px;
+    font-size: 0.6875rem;
   }
 
   .msg-init .model {
     background: var(--ctp-surface0);
-    padding: 1px 6px;
-    border-radius: 3px;
+    padding: 0.0625rem 0.375rem;
+    border-radius: 0.1875rem;
     font-family: var(--term-font-family, monospace);
   }
 
@@ -623,8 +623,8 @@
 
   .msg-text.markdown-body :global(code) {
     background: var(--ctp-surface0);
-    padding: 1px 5px;
-    border-radius: 3px;
+    padding: 0.0625rem 0.3125rem;
+    border-radius: 0.1875rem;
     font-family: var(--term-font-family, monospace);
     font-size: 0.9em;
     color: var(--ctp-green);
@@ -632,10 +632,10 @@
 
   .msg-text.markdown-body :global(pre) {
     background: var(--ctp-surface0);
-    padding: 10px 12px;
+    padding: 0.625rem 0.75rem;
     border-radius: 0.25rem;
     overflow-x: auto;
-    font-size: 12px;
+    font-size: 0.75rem;
     line-height: 1.5;
     margin: 0.5em 0;
   }
@@ -648,10 +648,10 @@
 
   .msg-text.markdown-body :global(.shiki) {
     background: var(--ctp-surface0) !important;
-    padding: 10px 12px;
+    padding: 0.625rem 0.75rem;
     border-radius: 0.25rem;
     overflow-x: auto;
-    font-size: 12px;
+    font-size: 0.75rem;
     line-height: 1.5;
     margin: 0.5em 0;
   }
@@ -664,12 +664,12 @@
   .msg-text.markdown-body :global(blockquote) {
     border-left: 3px solid var(--ctp-mauve);
     margin: 0.4em 0;
-    padding: 2px 10px;
+    padding: 0.125rem 0.625rem;
     color: var(--ctp-subtext0);
   }
 
   .msg-text.markdown-body :global(ul), .msg-text.markdown-body :global(ol) {
-    padding-left: 20px;
+    padding-left: 1.25rem;
     margin: 0.3em 0;
   }
 
@@ -690,12 +690,12 @@
     border-collapse: collapse;
     width: 100%;
     margin: 0.4em 0;
-    font-size: 12px;
+    font-size: 0.75rem;
   }
 
   .msg-text.markdown-body :global(th), .msg-text.markdown-body :global(td) {
     border: 1px solid var(--ctp-surface0);
-    padding: 4px 8px;
+    padding: 0.25rem 0.5rem;
     text-align: left;
   }
 
@@ -706,7 +706,7 @@
 
   .msg-thinking {
     color: var(--ctp-overlay1);
-    font-size: 12px;
+    font-size: 0.75rem;
   }
 
   .msg-thinking summary {
@@ -715,17 +715,17 @@
   }
 
   .msg-thinking pre {
-    margin: 4px 0 0 12px;
+    margin: 0.25rem 0 0 0.75rem;
     white-space: pre-wrap;
-    font-size: 11px;
-    max-height: 200px;
+    font-size: 0.6875rem;
+    max-height: 12.5rem;
     overflow-y: auto;
   }
 
   .msg-tool-call, .msg-tool-result {
     border-left: 2px solid var(--ctp-blue);
-    padding-left: 8px;
-    font-size: 12px;
+    padding-left: 0.5rem;
+    font-size: 0.75rem;
   }
 
   .msg-tool-call summary, .msg-tool-result summary {
@@ -733,7 +733,7 @@
     color: var(--ctp-blue);
     display: flex;
     align-items: center;
-    gap: 6px;
+    gap: 0.375rem;
   }
 
   .tool-name {
@@ -743,19 +743,19 @@
 
   .tool-id {
     font-family: var(--term-font-family, monospace);
-    font-size: 10px;
+    font-size: 0.625rem;
     color: var(--ctp-overlay0);
   }
 
   .tool-input, .tool-output {
-    margin: 4px 0 0 0;
+    margin: 0.25rem 0 0 0;
     white-space: pre-wrap;
-    font-size: 11px;
-    max-height: 300px;
+    font-size: 0.6875rem;
+    max-height: 18.75rem;
     overflow-y: auto;
     background: var(--ctp-surface0);
-    padding: 6px 8px;
-    border-radius: 3px;
+    padding: 0.375rem 0.5rem;
+    border-radius: 0.1875rem;
     color: var(--ctp-subtext0);
   }
 
@@ -769,11 +769,11 @@
 
   .msg-cost {
     display: flex;
-    gap: 12px;
-    padding: 4px 8px;
+    gap: 0.75rem;
+    padding: 0.25rem 0.5rem;
     background: var(--ctp-surface0);
-    border-radius: 3px;
-    font-size: 11px;
+    border-radius: 0.1875rem;
+    font-size: 0.6875rem;
     color: var(--ctp-yellow);
     font-family: var(--term-font-family, monospace);
   }
@@ -781,14 +781,14 @@
   .msg-error {
     color: var(--ctp-red);
     background: color-mix(in srgb, var(--ctp-red) 10%, transparent);
-    padding: 6px 8px;
-    border-radius: 3px;
-    font-size: 12px;
+    padding: 0.375rem 0.5rem;
+    border-radius: 0.1875rem;
+    font-size: 0.75rem;
   }
 
   .msg-status {
     color: var(--ctp-overlay0);
-    font-size: 11px;
+    font-size: 0.6875rem;
     font-style: italic;
   }
 
diff --git a/v2/src/lib/components/Agent/AgentTree.svelte b/v2/src/lib/components/Agent/AgentTree.svelte
index 80743be..8b3e8bb 100644
--- a/v2/src/lib/components/Agent/AgentTree.svelte
+++ b/v2/src/lib/components/Agent/AgentTree.svelte
@@ -163,7 +163,7 @@
 <style>
   .agent-tree {
     overflow: auto;
-    padding: 4px;
+    padding: 0.25rem;
     background: var(--bg-primary);
   }
 
diff --git a/v2/src/lib/components/Notifications/ToastContainer.svelte b/v2/src/lib/components/Notifications/ToastContainer.svelte
index 26da094..2602b16 100644
--- a/v2/src/lib/components/Notifications/ToastContainer.svelte
+++ b/v2/src/lib/components/Notifications/ToastContainer.svelte
@@ -25,22 +25,22 @@
 <style>
   .toast-container {
     position: fixed;
-    top: 12px;
-    right: 12px;
+    top: 0.75rem;
+    right: 0.75rem;
     z-index: 9999;
     display: flex;
     flex-direction: column;
-    gap: 6px;
-    max-width: 360px;
+    gap: 0.375rem;
+    max-width: 22.5rem;
   }
 
   .toast {
     display: flex;
     align-items: center;
-    gap: 8px;
-    padding: 8px 12px;
+    gap: 0.5rem;
+    padding: 0.5rem 0.75rem;
     border-radius: var(--border-radius);
-    font-size: 12px;
+    font-size: 0.75rem;
     color: var(--text-primary);
     background: var(--bg-surface);
     border: 1px solid var(--border);
@@ -60,7 +60,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    font-size: 10px;
+    font-size: 0.625rem;
     font-weight: 700;
     flex-shrink: 0;
   }
@@ -85,8 +85,8 @@
     border: none;
     color: var(--text-muted);
     cursor: pointer;
-    font-size: 14px;
-    padding: 0 2px;
+    font-size: 0.875rem;
+    padding: 0 0.125rem;
     flex-shrink: 0;
   }
 
diff --git a/v2/src/lib/components/StatusBar/StatusBar.svelte b/v2/src/lib/components/StatusBar/StatusBar.svelte
index b69ff3f..f8b3e68 100644
--- a/v2/src/lib/components/StatusBar/StatusBar.svelte
+++ b/v2/src/lib/components/StatusBar/StatusBar.svelte
@@ -48,11 +48,11 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-    height: 24px;
-    padding: 0 10px;
+    height: 1.5rem;
+    padding: 0 0.625rem;
     background: var(--ctp-mantle);
     border-top: 1px solid var(--ctp-surface0);
-    font-size: 11px;
+    font-size: 0.6875rem;
     color: var(--ctp-overlay1);
     font-family: 'JetBrains Mono', monospace;
     user-select: none;
@@ -62,19 +62,19 @@
   .left, .right {
     display: flex;
     align-items: center;
-    gap: 6px;
+    gap: 0.375rem;
   }
 
   .sep {
     width: 1px;
-    height: 10px;
+    height: 0.625rem;
     background: var(--ctp-surface1);
   }
 
   .item {
     display: flex;
     align-items: center;
-    gap: 4px;
+    gap: 0.25rem;
   }
 
   .group-name {
diff --git a/v2/src/lib/components/Terminal/AgentPreviewPane.svelte b/v2/src/lib/components/Terminal/AgentPreviewPane.svelte
index ebfd199..394ae94 100644
--- a/v2/src/lib/components/Terminal/AgentPreviewPane.svelte
+++ b/v2/src/lib/components/Terminal/AgentPreviewPane.svelte
@@ -192,6 +192,6 @@
 
   .agent-preview-container :global(.xterm) {
     height: 100%;
-    padding: 4px;
+    padding: 0.25rem;
   }
 </style>
diff --git a/v2/src/lib/components/Terminal/TerminalPane.svelte b/v2/src/lib/components/Terminal/TerminalPane.svelte
index 6738046..258c352 100644
--- a/v2/src/lib/components/Terminal/TerminalPane.svelte
+++ b/v2/src/lib/components/Terminal/TerminalPane.svelte
@@ -129,6 +129,6 @@
 
   .terminal-container :global(.xterm) {
     height: 100%;
-    padding: 4px;
+    padding: 0.25rem;
   }
 </style>
diff --git a/v2/src/lib/components/Workspace/AgentCard.svelte b/v2/src/lib/components/Workspace/AgentCard.svelte
index 993c395..e511f5e 100644
--- a/v2/src/lib/components/Workspace/AgentCard.svelte
+++ b/v2/src/lib/components/Workspace/AgentCard.svelte
@@ -40,9 +40,9 @@
 
 <style>
   .agent-card {
-    padding: 6px 8px;
+    padding: 0.375rem 0.5rem;
     background: var(--ctp-surface0);
-    border-radius: 4px;
+    border-radius: 0.25rem;
     cursor: pointer;
     transition: background 0.1s;
     border-left: 2px solid transparent;
@@ -55,8 +55,8 @@
   .card-header {
     display: flex;
     align-items: center;
-    gap: 4px;
-    margin-bottom: 3px;
+    gap: 0.25rem;
+    margin-bottom: 0.1875rem;
   }
 
   .status-dot {
@@ -90,7 +90,7 @@
   }
 
   .card-progress {
-    margin-top: 3px;
+    margin-top: 0.1875rem;
   }
 
   .turns {
diff --git a/v2/src/lib/components/Workspace/CommandPalette.svelte b/v2/src/lib/components/Workspace/CommandPalette.svelte
index a1db009..2b25d4e 100644
--- a/v2/src/lib/components/Workspace/CommandPalette.svelte
+++ b/v2/src/lib/components/Workspace/CommandPalette.svelte
@@ -84,11 +84,11 @@
   }
 
   .palette {
-    width: 460px;
-    max-height: 360px;
+    width: 28.75rem;
+    max-height: 22.5rem;
     background: var(--ctp-mantle);
     border: 1px solid var(--ctp-surface1);
-    border-radius: 8px;
+    border-radius: 0.5rem;
     box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
     display: flex;
     flex-direction: column;
@@ -97,7 +97,7 @@
   }
 
   .palette-input {
-    padding: 12px 16px;
+    padding: 0.75rem 1rem;
     background: transparent;
     border: none;
     border-bottom: 1px solid var(--ctp-surface0);
@@ -113,7 +113,7 @@
   .palette-results {
     list-style: none;
     margin: 0;
-    padding: 4px;
+    padding: 0.25rem;
     overflow-y: auto;
   }
 
@@ -122,13 +122,13 @@
     align-items: center;
     justify-content: space-between;
     width: 100%;
-    padding: 8px 12px;
+    padding: 0.5rem 0.75rem;
     background: transparent;
     border: none;
     color: var(--ctp-text);
     font-size: 0.85rem;
     cursor: pointer;
-    border-radius: 4px;
+    border-radius: 0.25rem;
     transition: background 0.1s;
   }
 
@@ -151,7 +151,7 @@
   }
 
   .no-results {
-    padding: 12px;
+    padding: 0.75rem;
     color: var(--ctp-overlay0);
     font-size: 0.85rem;
     text-align: center;
diff --git a/v2/src/lib/components/Workspace/TeamAgentsPanel.svelte b/v2/src/lib/components/Workspace/TeamAgentsPanel.svelte
index 5216330..5707693 100644
--- a/v2/src/lib/components/Workspace/TeamAgentsPanel.svelte
+++ b/v2/src/lib/components/Workspace/TeamAgentsPanel.svelte
@@ -40,15 +40,15 @@
     display: flex;
     flex-direction: column;
     overflow: hidden;
-    width: 220px;
+    width: 13.75rem;
     flex-shrink: 0;
   }
 
   .panel-header {
     display: flex;
     align-items: center;
-    gap: 4px;
-    padding: 5px 8px;
+    gap: 0.25rem;
+    padding: 0.3125rem 0.5rem;
     background: transparent;
     border: none;
     color: var(--ctp-subtext0);
@@ -74,8 +74,8 @@
   .agent-count {
     margin-left: auto;
     background: var(--ctp-surface0);
-    padding: 0 5px;
-    border-radius: 8px;
+    padding: 0 0.3125rem;
+    border-radius: 0.5rem;
     font-size: 0.65rem;
     color: var(--ctp-overlay1);
   }
@@ -83,8 +83,8 @@
   .agent-list {
     display: flex;
     flex-direction: column;
-    gap: 3px;
-    padding: 4px;
+    gap: 0.1875rem;
+    padding: 0.25rem;
     overflow-y: auto;
     flex: 1;
   }