*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--text-color);background:var(--bg-color)}body{position:relative}:root{--primary: #6366f1;--primary-hover: #4f46e5;--primary-light: #818cf8;--success: #22c55e;--success-hover: #16a34a;--error: #ef4444;--error-hover: #dc2626;--warning: #f59e0b;--text-color: #111827;--text-secondary: #4b5563;--text-muted: #6b7280;--text-faint: #9ca3af;--bg-color: #ffffff;--bg-subtle: #f9fafb;--bg-muted: #f3f4f6;--bg-elevated: #ffffff;--bg-overlay: rgba(0, 0, 0, .5);--border-color: #e5e7eb;--border-subtle: #f3f4f6;--border-strong: #d1d5db;--hover-bg: #f3f4f6;--active-bg: #e5e7eb;--focus-ring: rgba(99, 102, 241, .5);--sidebar-bg: #ffffff;--toolbar-bg: #ffffff;--panel-bg: #ffffff;--card-bg: #ffffff;--card-hover-bg: #f9fafb;--canvas-bg: #fafafa;--canvas-grid-color: rgba(0, 0, 0, .06);--canvas-grid-color-strong: rgba(0, 0, 0, .1);--block-bg: #ffffff;--block-border: #e5e7eb;--block-header-bg: #f9fafb;--block-shadow: 0 1px 3px rgba(0, 0, 0, .1);--connection-color: #94a3b8;--connection-hover: #64748b;--connection-selected: var(--primary);--hero-gradient-start: #e0e7ff;--hero-gradient-end: #ffffff;--dialog-bg: #ffffff;--dialog-border: #e5e7eb}:root.dark{--text-color: #f9fafb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--text-faint: #6b7280;--bg-color: #0a0a0b;--bg-subtle: #111113;--bg-muted: #18181b;--bg-elevated: #1f1f23;--bg-overlay: rgba(0, 0, 0, .8);--border-color: #27272a;--border-subtle: #1f1f23;--border-strong: #3f3f46;--hover-bg: #27272a;--active-bg: #3f3f46;--sidebar-bg: #111113;--toolbar-bg: #111113;--panel-bg: #111113;--card-bg: #18181b;--card-hover-bg: #1f1f23;--canvas-bg: #0d0d0e;--canvas-grid-color: rgba(255, 255, 255, .04);--canvas-grid-color-strong: rgba(255, 255, 255, .08);--block-bg: #18181b;--block-border: #27272a;--block-header-bg: #111113;--block-shadow: 0 1px 3px rgba(0, 0, 0, .3);--connection-color: #52525b;--connection-hover: #71717a;--hero-gradient-start: #0f172a;--hero-gradient-end: #0a0a0b;--dialog-bg: #18181b;--dialog-border: #27272a}body{background:var(--bg-color)}:root.dark body{background:radial-gradient(ellipse 120% 70% at 50% -20%,rgba(59,130,246,.25) 0%,rgba(59,130,246,.1) 30%,transparent 60%),radial-gradient(ellipse 80% 50% at 50% 0%,rgba(99,102,241,.2) 0%,transparent 50%),radial-gradient(ellipse 60% 30% at 30% -10%,rgba(139,92,246,.15) 0%,transparent 40%),var(--bg-color);background-attachment:scroll}:root.dark body:after{content:"";position:absolute;top:0;left:0;right:0;height:600px;pointer-events:none;background:linear-gradient(var(--canvas-grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--canvas-grid-color) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse 100% 80% at 50% 0%,black 0%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 100% 80% at 50% 0%,black 0%,transparent 100%)}:root:not(.dark) body{background:radial-gradient(ellipse 100% 60% at 50% -10%,var(--hero-gradient-start) 0%,transparent 50%),var(--bg-color);background-attachment:scroll}:root:not(.dark) body:after{content:"";position:absolute;top:0;left:0;right:0;height:500px;pointer-events:none;background:linear-gradient(var(--canvas-grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--canvas-grid-color) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse 100% 80% at 50% 0%,black 0%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 100% 80% at 50% 0%,black 0%,transparent 100%)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}::selection{background:var(--primary);color:#fff}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;border:1px solid transparent;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;text-decoration:none;background:var(--bg-muted);color:var(--text-color);border-color:var(--border-color)}.btn:hover:not(:disabled){background:var(--hover-bg)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn--ghost{background:transparent;border-color:var(--border-color);color:var(--text-muted)}.btn--ghost:hover:not(:disabled){background:var(--hover-bg);color:var(--text-color)}.btn--danger{background:var(--error);border-color:var(--error);color:#fff}.btn--danger:hover:not(:disabled){background:var(--error-hover);border-color:var(--error-hover)}.btn--sm{padding:.375rem .75rem;font-size:.8125rem}.btn--lg{padding:.75rem 1.5rem;font-size:1rem}.btn--icon{width:32px;height:32px;padding:0}.btn--icon.btn--sm{width:28px;height:28px}.form-field{margin-bottom:1rem}.form-label{display:block;margin-bottom:.375rem;font-size:.875rem;font-weight:500;color:var(--text-muted)}.form-label .optional{font-weight:400;color:var(--text-faint)}.form-input,.form-textarea,.form-select{width:100%;padding:.625rem .75rem;background:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;color:var(--text-color);transition:border-color .15s}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-faint)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary)}.form-textarea{resize:vertical;min-height:80px}.form-textarea--code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.8125rem}.dialog-overlay{position:fixed;inset:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.dialog{background:var(--dialog-bg);border:1px solid var(--dialog-border);border-radius:12px;padding:1.5rem;width:100%;max-width:480px;color:var(--text-color)}.dialog--sm{max-width:360px}.dialog--lg{max-width:640px}.dialog--xl{max-width:800px}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.dialog-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-color)}.dialog-text{margin:0 0 1rem;font-size:.875rem;color:var(--text-muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.25rem}.close-btn{width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;font-size:1.25rem;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.close-btn:hover{background:var(--hover-bg);color:var(--text-color)}.close-btn--sm{width:28px;height:28px;font-size:1rem}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;padding:1rem;transition:all .15s}.card--interactive{cursor:pointer}.card--interactive:hover{border-color:var(--primary);background:var(--card-hover-bg)}.font-mono{font-family:SF Mono,Monaco,Consolas,monospace}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.text-error{color:var(--error)}.text-success{color:var(--success)}.chip{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;font-size:.8125rem;color:var(--text-color);cursor:pointer;transition:all .15s}.chip:hover{border-color:var(--primary);background:var(--card-hover-bg)}.chip--active{border-color:var(--primary);background:var(--primary);color:#fff}.chip--active:hover{background:var(--primary-hover)}.chip--sm{padding:.25rem .5rem;font-size:.75rem}