:root{--bg-primary: #1e1e1e;--bg-secondary: #252526;--bg-sidebar: #333333;--text-primary: #ffffff;--text-secondary: #999999;--text-muted: #666666;--accent: #007acc;--border: #3c3c3c;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--font-mono: "Cascadia Code", "Fira Code", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100dvh;overflow:hidden}body{font-family:var(--font-mono);background-color:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column}.app-layout{display:grid;flex:1;min-height:0;grid-template-columns:48px 250px 1fr;grid-template-rows:1fr 28px;grid-template-areas:"activity-bar left-panel main" "status-bar status-bar status-bar"}.activity-bar{grid-area:activity-bar;background-color:var(--bg-sidebar);border-right:1px solid var(--border)}.left-panel{grid-area:left-panel;background-color:var(--bg-secondary);border-right:1px solid var(--border);overflow:hidden}.main-area{grid-area:main;background-color:var(--bg-primary);overflow:hidden}.right-panel{grid-area:right-panel;background-color:var(--bg-secondary);border-left:1px solid var(--border);overflow:hidden}.status-bar{grid-area:status-bar;background-color:var(--accent);display:flex;align-items:center;padding:0 var(--space-sm);font-size:12px}