:root{--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-light:#dbeafe;--color-secondary:#64748b;--color-secondary-hover:#475569;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-success:#22c55e;--color-warning:#f59e0b;--bg-primary:#ffffff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-canvas:#e2e8f0;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border-color:#e2e8f0;--border-color-dark:#cbd5e1;--node-bg:#ffffff;--node-border:#cbd5e1;--node-selected:#3b82f6;--node-hover:#f1f5f9;--shape-structure:#3b82f6;--shape-condition:#eab308;--shape-policy:#8b5cf6;--shape-security:#f97316;--shape-data:#06b6d4;--shape-io:#6366f1;--shape-endpoint:#ec4899;--shape-step:#22c55e;--shape-cache:#14b8a6;--shape-message:#f59e0b;--shape-metadata:#6b7280;--shape-oauth:#f43f5e;--shape-error:#ef4444;--shape-collection:#64748b;--shape-claim:#10b981;--menu-bar-height:32px;--toolbar-height:44px;--status-bar-height:28px;--panel-width:280px;--border-radius:6px;--border-radius-lg:8px;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow:0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);--transition-fast:150ms ease;--transition-normal:200ms ease}[data-theme=dark]{--color-primary:#60a5fa;--color-primary-hover:#3b82f6;--color-primary-light:#1e3a5f;--color-secondary:#94a3b8;--color-secondary-hover:#cbd5e1;--color-danger:#f87171;--color-danger-hover:#ef4444;--color-success:#4ade80;--color-warning:#fbbf24;--bg-primary:#1e1e1e;--bg-secondary:#252526;--bg-tertiary:#2d2d2d;--bg-canvas:#1a1a1a;--text-primary:#e4e4e7;--text-secondary:#a1a1aa;--text-muted:#71717a;--border-color:#3f3f46;--border-color-dark:#52525b;--node-bg:#2d2d2d;--node-border:#52525b;--node-selected:#60a5fa;--node-hover:#3f3f46;--shape-structure:#60a5fa;--shape-condition:#fbbf24;--shape-policy:#a78bfa;--shape-security:#fb923c;--shape-data:#22d3ee;--shape-io:#818cf8;--shape-endpoint:#f472b6;--shape-step:#4ade80;--shape-cache:#2dd4bf;--shape-message:#fbbf24;--shape-metadata:#9ca3af;--shape-oauth:#fb7185;--shape-error:#f87171;--shape-collection:#94a3b8;--shape-claim:#34d399;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.3);--shadow:0 1px 3px 0 rgb(0 0 0 / 0.4),0 1px 2px -1px rgb(0 0 0 / 0.3);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.4),0 2px 4px -2px rgb(0 0 0 / 0.3);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.5),0 4px 6px -4px rgb(0 0 0 / 0.4)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background-color:var(--bg-secondary)}[data-theme=dark] .xml-node .node-rect{fill:var(--node-bg)}[data-theme=dark] .xml-node:hover .node-rect{fill:var(--node-hover)}[data-theme=dark] .xml-node.drop-inside .node-rect{fill:#1a3d2e}[data-theme=dark] .drop-zone-overlay{background-color:rgba(37,99,235,.95)}[data-theme=dark] .toast{background-color:var(--bg-tertiary)}[data-theme=dark] .shortcut-key{background-color:var(--bg-primary);border-color:var(--border-color-dark)}[data-theme=dark] .attribute-row .btn-remove-attr:hover{background-color:rgba(248,113,113,.2)}[data-theme=dark] .context-menu-item-danger:hover{background-color:rgba(248,113,113,.15)}[data-theme=dark] #arrowhead polygon{fill:var(--text-muted)}[data-theme=dark] #node-gradient stop:first-child{stop-color:#2d2d2d}[data-theme=dark] #node-gradient stop:last-child{stop-color:#252526}[data-theme=dark] .about-content .about-logo,[data-theme=dark] .canvas-empty-state .welcome-logo{filter:drop-shadow(0 4px 12px rgba(96, 165, 250, .3))}