@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--bg:#f5f0eb;--surface:#f8fafc;--surface-2:#eee9e2;--fg:#1e293b;--fg-muted:#64748b;--fg-faint:#94a3b8;--border:#cbd5e1;--border-light:#e2e8f0;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-light:#eff6ff;--risk:#c2410c;--risk-light:#fff1ec;--risk-medium:#ea580c;--risk-low:#78716c;--risk-low-light:#f5f5f4;--control:#15803d;--control-light:#f0fdf4;--warning:#b45309;--warning-light:#fffbeb;--font-mono:"IBM Plex Mono", "Courier New", monospace;--font-sans:"IBM Plex Sans", system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--topbar-h:40px;--sidebar-w:64px;--panel-w:320px;--col-w:220px;--col-gap:48px;--block-min-h:60px;--radius:2px;--radius-sm:1px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font-sans);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:14px;overflow:hidden}button{cursor:pointer;font-family:var(--font-sans);background:0 0;border:none}input,textarea,select{font-family:var(--font-sans);color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);outline:none;width:100%;padding:6px 8px;font-size:13px}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #2563eb1f}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--fg-faint)}.canvas-bg{background-color:var(--bg);background-image:linear-gradient(#64748b14 1px,#0000 1px),linear-gradient(90deg,#64748b14 1px,#0000 1px);background-size:24px 24px}.risk-badge{font-family:var(--font-mono);border-radius:var(--radius-sm);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:4px;padding:2px 6px;font-size:10px;font-weight:500;display:inline-flex}.risk-badge.high{background:var(--risk-light);color:var(--risk);border:1px solid #fecaca}.risk-badge.medium{color:var(--risk-medium);background:#fff7ed;border:1px solid #fed7aa}.risk-badge.low{background:var(--risk-low-light);color:var(--risk-low);border:1px solid #e7e5e4}.control-badge{font-family:var(--font-mono);border-radius:var(--radius-sm);letter-spacing:.04em;text-transform:uppercase;background:var(--control-light);color:var(--control);border:1px solid #bbf7d0;align-items:center;gap:4px;padding:2px 6px;font-size:10px;font-weight:500;display:inline-flex}.btn{border-radius:var(--radius);white-space:nowrap;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:background .1s,color .1s,border-color .1s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{color:var(--fg-muted);background:0 0;border:1px solid #0000}.btn-ghost:hover{background:var(--surface-2);color:var(--fg)}.btn-outline{color:var(--fg);border:1px solid var(--border);background:0 0}.btn-outline:hover{background:var(--surface-2);border-color:var(--fg-muted)}.btn-danger{color:var(--risk);border:1px solid var(--risk);background:0 0}.btn-danger:hover{background:var(--risk-light)}.tooltip{position:relative}.tooltip:after{content:attr(data-tip);background:var(--fg);color:#fff;font-size:11px;font-family:var(--font-sans);border-radius:var(--radius);white-space:nowrap;pointer-events:none;opacity:0;z-index:1000;padding:3px 7px;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.tooltip:hover:after{opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.15s fadeIn}