@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: #198dfb;--accent-dim: #10336e;--accent-hover: #4fa6ff;--green: #3dd68c;--green-dim: #1a4a35;--red: #f75a5a;--red-dim: #4a1a1a;--orange: #f7a24f;--yellow: #f7e04f;--purple: #a06af7;--cyan: #27e2fd;--brand-1: #198dfb;--brand-2: #27e2fd;--brand-deep: #0651f2;--brand-grad: linear-gradient(135deg, var(--brand-1), var(--brand-2));--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;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--d-1: 90ms;--d-2: .16s;--d-3: .24s}*,*: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)}:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:3px}.wf-input:focus-visible{outline:none}.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}@keyframes wf-fade{0%{opacity:0}to{opacity:1}}@keyframes wf-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes wf-fade-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes wf-fade-in-x{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@keyframes wf-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes wf-pop-menu{0%{opacity:0;transform:scale(.94) translateY(-4px)}to{opacity:1;transform:none}}.wf-fade{animation:wf-fade var(--d-2) var(--ease-out) both}.wf-fade-up{animation:wf-fade-up var(--d-2) var(--ease-out) both}.wf-fade-down{animation:wf-fade-down var(--d-2) var(--ease-out) both}.wf-slide-in{animation:wf-fade-in-x var(--d-2) var(--ease-out) both}.wf-pop{animation:wf-pop var(--d-3) var(--ease-spring) both}.wf-menu{animation:wf-pop-menu var(--d-2) var(--ease-out) both;transform-origin:top left}.wf-ribbon-body{animation:wf-fade-down var(--d-2) var(--ease-out) both}.wf-panel-body{animation:wf-fade var(--d-2) var(--ease-out) both}.wf-stagger>*{animation:wf-fade-up var(--d-2) var(--ease-out) both}.wf-stagger>*:nth-child(1){animation-delay:0ms}.wf-stagger>*:nth-child(2){animation-delay:15ms}.wf-stagger>*:nth-child(3){animation-delay:30ms}.wf-stagger>*:nth-child(4){animation-delay:45ms}.wf-stagger>*:nth-child(5){animation-delay:60ms}.wf-stagger>*:nth-child(6){animation-delay:75ms}.wf-stagger>*:nth-child(7){animation-delay:90ms}.wf-stagger>*:nth-child(n+8){animation-delay:105ms}.wf-backdrop{animation:wf-fade var(--d-2) var(--ease-out) both}.wf-dialog{animation:wf-pop var(--d-3) var(--ease-spring) both}button{transition:background var(--d-1) var(--ease-out),color var(--d-1) var(--ease-out),border-color var(--d-1) var(--ease-out),transform var(--d-1) var(--ease-out),opacity var(--d-1) var(--ease-out)}button:active:not(:disabled){transform:translateY(.5px) scale(.985)}.icon-btn{transition:background var(--d-1) var(--ease-out),color var(--d-1) var(--ease-out),transform var(--d-1) var(--ease-out)}.icon-btn:hover{transform:translateY(-.5px)}.wf-input{transition:border-color var(--d-2) var(--ease-out),box-shadow var(--d-2) var(--ease-out),background var(--d-2) var(--ease-out)}.wf-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #198dfb26}.resize-handle{transition:background var(--d-1) var(--ease-out)}.panel{animation:wf-fade var(--d-2) var(--ease-out) both}.panel-body{scroll-behavior:smooth}::-webkit-scrollbar-thumb{transition:background var(--d-1) var(--ease-out)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}