@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-0: #0d0e11;--bg-1: #12141a;--bg-2: #181b23;--bg-3: #1e2230;--bg-4: #252a38;--bg-5: #2e3348;--border: #2a2f42;--border-light: #3a4158;--accent: #4f8ef7;--accent-dim: #1e3a6e;--accent-hover: #6ba3ff;--green: #3dd68c;--green-dim: #1a4a35;--red: #f75a5a;--red-dim: #4a1a1a;--orange: #f7a24f;--yellow: #f7e04f;--purple: #a06af7;--cyan: #4fd6f7;--text-0: #e8ecf5;--text-1: #8b92a8;--text-2: #4f5673;--font-ui: "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--toolbar-h: 44px;--panel-header-h: 32px;--tab-h: 32px;--t-fast: 80ms ease;--t-normal: .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:var(--font-ui);font-size:12px;color:var(--text-0);background:var(--bg-0);-webkit-font-smoothing:antialiased;user-select:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-5);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:4px;background:transparent;color:var(--text-1);cursor:pointer;transition:background var(--t-fast),color var(--t-fast);flex-shrink:0}.icon-btn:hover{background:var(--bg-3);color:var(--text-0)}.icon-btn.active{background:var(--accent-dim);color:var(--accent)}.panel{display:flex;flex-direction:column;background:var(--bg-1);overflow:hidden}.panel-header{display:flex;align-items:center;height:var(--panel-header-h);padding:0 8px;background:var(--bg-2);border-bottom:1px solid var(--border);flex-shrink:0;gap:6px}.panel-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-1);flex:1}.panel-body{flex:1;overflow-y:auto;overflow-x:hidden}.wf-input{background:var(--bg-0);border:1px solid var(--border);border-radius:4px;color:var(--text-0);font-family:var(--font-ui);font-size:11px;padding:4px 8px;outline:none;width:100%;transition:border-color var(--t-fast)}.wf-input:focus{border-color:var(--accent)}.resize-handle{background:transparent;transition:background var(--t-fast);flex-shrink:0;z-index:10}.resize-handle:hover{background:var(--accent)}.resize-handle.vertical{width:4px;cursor:col-resize}.resize-handle.horizontal{height:4px;cursor:row-resize}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.pulse-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 1.5s ease infinite}