:root{--bg-primary:#0f1419;--bg-secondary:#1a1f26;--bg-tertiary:#242b33;--bg-elevated:#2d353f;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#6e7681;--accent-blue:#58a6ff;--accent-green:#3fb950;--accent-yellow:#d29922;--accent-red:#f85149;--accent-purple:#a371f7;--accent-cyan:#39c5cf;--accent-orange:#db6d28;--border-primary:#30363d;--border-secondary:#21262d;--exec-current:#388bfd33;--exec-breakpoint:#f8514933;--exec-return:#3fb95033;--stack-frame-1:#58a6ff;--stack-frame-2:#a371f7;--stack-frame-3:#3fb950;--stack-frame-4:#d29922;--stack-frame-5:#f85149;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px rgba(0,0,0,.4);--shadow-lg:0 10px 20px rgba(0,0,0,.5);--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--font-mono:"JetBrains Mono","Fira Code","SF Mono",Monaco,"Cascadia Code",monospace;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif}*{margin:0;padding:0;box-sizing:border-box}#root,body,html{min-height:100%;width:100%}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25}code,pre{font-family:var(--font-mono)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}::selection{background:var(--accent-blue);color:var(--text-primary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.panel{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.panel-content{padding:var(--space-md);overflow:auto;height:calc(100% - 37px)}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);transition:all var(--transition-fast)}.icon-btn:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-primary)}.icon-btn.primary{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--bg-primary)}.icon-btn.primary:hover:not(:disabled){filter:brightness(1.1)}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary)}.badge.blue{background:rgba(88,166,255,.15);color:var(--accent-blue)}.badge.green{background:rgba(63,185,80,.15);color:var(--accent-green)}.badge.yellow{background:rgba(210,153,34,.15);color:var(--accent-yellow)}.badge.red{background:rgba(248,81,73,.15);color:var(--accent-red)}.badge.purple{background:rgba(163,113,247,.15);color:var(--accent-purple)}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:4px 8px;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:100}.tooltip:hover:after{opacity:1}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-slide-in{animation:slideIn .2s ease-out}.animate-fade-in{animation:fadeIn .2s ease-out}