:root{--bg: #0d1117;--surface-1: #131823;--surface-2: #1a2030;--surface-3: #232a3d;--border: #262d3d;--border-strong: #354055;--text: #e6e9f0;--text-muted: #9aa4b8;--text-subtle: #6b7689;--accent: #4f7cff;--accent-hover: #3d6bef;--accent-soft: rgba(79, 124, 255, .12);--accent-text: #ffffff;--success: #2ea865;--success-soft: rgba(46, 168, 101, .12);--danger: #e5484d;--danger-soft: rgba(229, 72, 77, .12);--warning: #f0a92e;--warning-soft: rgba(240, 169, 46, .12);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 4px 12px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .45);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Cascadia Code", Consolas, monospace;--header-h: 56px;--panel-w: 264px;--inspector-w: 340px;--inspector-collapsed-w: 44px;--z-canvas: 1;--z-connections: 5;--z-chrome: 10;--z-banner: 15;--z-float: 20;--z-toast: 25;--z-modal: 100}[data-theme=light]{--bg: #f6f7f9;--surface-1: #ffffff;--surface-2: #f0f2f5;--surface-3: #e4e7ec;--border: #dde1e7;--border-strong: #c4cad4;--text: #161c26;--text-muted: #5a6474;--text-subtle: #858e9e;--accent-soft: rgba(79, 124, 255, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .12)}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:34px;padding:0 var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-2);color:var(--text);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s,opacity .12s}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-danger-ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn-danger-ghost:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.btn-icon{width:34px;padding:0;flex-shrink:0}.btn-sm{height:28px;font-size:12px;padding:0 var(--sp-2)}.btn-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.input,.select{width:100%;height:34px;padding:0 var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg);color:var(--text);font-family:inherit;font-size:13px;transition:border-color .12s,box-shadow .12s}.input::placeholder{color:var(--text-subtle)}.input:focus,.select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input-sm{height:30px;font-size:12px;padding:0 var(--sp-2)}.field{display:grid;gap:var(--sp-2)}.label{font-size:12px;font-weight:500;color:var(--text-muted)}.panel{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg)}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4)}.section-title{display:flex;align-items:center;gap:var(--sp-2);margin:0;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle)}.divider{height:1px;background:var(--border);border:0;margin:0}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);height:22px;padding:0 var(--sp-2);border-radius:999px;font-size:11px;font-weight:500}.badge-success{background:var(--success-soft);color:var(--success)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-muted{background:var(--surface-2);color:var(--text-muted)}.text-muted{color:var(--text-muted)}.text-subtle{color:var(--text-subtle)}.mono{font-family:var(--font-mono);font-size:12px}.scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.scroll::-webkit-scrollbar{width:10px;height:10px}.scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:3px solid transparent;background-clip:content-box}.scroll::-webkit-scrollbar-track{background:transparent}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);z-index:var(--z-modal)}.modal{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:620px;max-height:85vh;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4);border-bottom:1px solid var(--border)}.modal-title{margin:0;font-size:15px;font-weight:600}.modal-body{padding:var(--sp-4);overflow:auto}@keyframes spin{to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}:root{--canvas-bg: #0d1117;--canvas-grid: #1e2636;--surface: var(--surface-1);--panel-bg: var(--surface-1);--ok: var(--success)}[data-theme=light]{--canvas-bg: #ffffff;--canvas-grid: #e4e7ec}html,body,#root{height:100%;margin:0}