:root[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-hover: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-inverse: #ffffff;--border-primary: #cbd5e1;--border-secondary: #e2e8f0;--border-focus: #6366f1;--accent-primary: #6366f1;--accent-primary-hover: #4f46e5;--accent-secondary: #8b5cf6;--status-success: #10b981;--status-warning: #f59e0b;--status-error: #ef4444;--status-info: #3b82f6;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--grid-color: #334155;--grid-opacity: .05;--node-bg: #ffffff;--node-border: #cbd5e1;--node-border-selected: #6366f1;--node-shadow: rgba(0, 0, 0, .05);--node-shadow-selected: rgba(79, 70, 229, .12);--connection-color: #6366f1;--connection-opacity: .3}:root[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-hover: #475569;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #64748b;--text-inverse: #0f172a;--border-primary: #475569;--border-secondary: #334155;--border-focus: #818cf8;--accent-primary: #818cf8;--accent-primary-hover: #6366f1;--accent-secondary: #a78bfa;--status-success: #34d399;--status-warning: #fbbf24;--status-error: #f87171;--status-info: #60a5fa;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .6);--grid-color: #64748b;--grid-opacity: .1;--node-bg: #1e293b;--node-border: #475569;--node-border-selected: #818cf8;--node-shadow: rgba(0, 0, 0, .3);--node-shadow-selected: rgba(129, 140, 248, .2);--connection-color: #818cf8;--connection-opacity: .4}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.inspector-scrollbar{scrollbar-width:thin;scrollbar-color:transparent transparent}.inspector-scrollbar:hover{scrollbar-color:var(--border-primary) transparent}.inspector-scrollbar::-webkit-scrollbar{width:12px}.inspector-scrollbar::-webkit-scrollbar-track{background:transparent}.inspector-scrollbar::-webkit-scrollbar-thumb{background:transparent;border-radius:6px}.inspector-scrollbar:hover::-webkit-scrollbar-thumb{background:var(--border-primary)}.inspector-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.canvas-hint{position:fixed;left:50%;top:70%;transform:translate(-50%,-50%);font-size:2rem;font-weight:300;color:var(--text-tertiary);opacity:.4;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;white-space:nowrap;letter-spacing:.05em}.inspector-panel{animation:slideInFromRight .3s cubic-bezier(.4,0,.2,1)}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}