:root{--spatial-bg:#eef2ff;--spatial-surface:#ffffffdb;--spatial-text:#07111f;--spatial-muted:#64748b;--spatial-border:#dbe5f1;--spatial-violet:#8b5cf6;--spatial-cyan:#06b6d4;--spatial-emerald:#047857;--spatial-warning:#b45309;--spatial-danger:#b91c1c;--spatial-shadow:0 24px 70px #1f293729}.spatial-app-shell{min-height:100vh;color:var(--spatial-text);background:radial-gradient(circle at 0 0,#8b5cf63d,#0000 32rem),radial-gradient(circle at 100% 100%,#06b6d433,#0000 30rem),linear-gradient(135deg,#eef2ff 0%,#f8fafc 52%,#fff 100%);position:relative;overflow:hidden}.spatial-app-shell:before{content:"";pointer-events:none;background-image:linear-gradient(#64748b1f 1px,#0000 1px),linear-gradient(90deg,#64748b1f 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#00000047);mask-image:linear-gradient(#000000e6,#00000047)}.spatial-command-bar{z-index:5;grid-template-columns:260px minmax(280px,1fr) 320px;align-items:center;gap:1rem;padding:1.1rem 1.25rem;display:grid;position:relative}.spatial-brand,.command-input,.command-actions,.node-inspector,.spatial-utility-panel,.canvas-toolbox,.canvas-minimap{background:var(--spatial-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #dbe5f1db;box-shadow:0 16px 44px #0f172a1a}.spatial-brand{border-radius:1.2rem;align-items:center;gap:.85rem;padding:.85rem 1rem;display:flex}.brand-orb{background:linear-gradient(135deg, var(--spatial-violet), var(--spatial-cyan));border-radius:999px;width:2.5rem;height:2.5rem;box-shadow:0 0 32px #8b5cf673}.spatial-brand strong,.canvas-node strong,.mobile-node strong{display:block}.spatial-brand span,.node-subtitle,.node-body,.command-actions,.mobile-node small,.inspector-eyebrow{color:var(--spatial-muted)}.command-input{border-radius:1.35rem;gap:.35rem;padding:.75rem 1rem;display:grid}.command-input span{letter-spacing:.12em;text-transform:uppercase;color:var(--spatial-violet);font-size:.72rem;font-weight:800}.command-input input{color:var(--spatial-text);font:inherit;background:0 0;border:0;outline:0;font-size:1.05rem}.command-actions{border-radius:1.2rem;justify-content:space-between;align-items:center;gap:.85rem;padding:.75rem .9rem;display:flex}.command-actions button,.inspector-actions button,.inspector-actions a,.canvas-toolbox button{color:#fff;background:linear-gradient(135deg, var(--spatial-violet), #6366f1);cursor:pointer;font:inherit;border:0;border-radius:999px;padding:.7rem .95rem;font-weight:800;text-decoration:none}.command-actions button:disabled,.inspector-actions button:disabled{cursor:wait;opacity:.58}.canvas-toolbox{z-index:4;border-radius:1.35rem;gap:.55rem;padding:.7rem;display:grid;position:absolute;top:7.2rem;left:1.25rem}.spatial-utility-panel{z-index:4;border-radius:1.35rem;align-content:start;gap:.85rem;width:20rem;padding:.85rem;display:grid;position:absolute;top:24rem;bottom:1.25rem;left:1.25rem;overflow:auto}.spatial-utility-panel section{border:1px solid var(--spatial-border);background:#f8fafcb3;border-radius:1rem;gap:.7rem;padding:.75rem;display:grid}.utility-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.utility-heading span,.utility-form span,.utility-note,.utility-list span,.utility-list em{color:var(--spatial-muted);font-size:.78rem}.utility-form{gap:.55rem;display:grid}.utility-form label{gap:.25rem;display:grid}.utility-form input,.utility-form select,.utility-form textarea{border:1px solid var(--spatial-border);width:100%;color:var(--spatial-text);background:#fff;border-radius:.75rem;padding:.55rem .65rem}.utility-check{align-items:center;gap:.5rem;display:flex!important}.utility-check input{width:auto}.utility-form button,.utility-actions button{color:#fff;background:linear-gradient(135deg, var(--spatial-violet), #6366f1);cursor:pointer;font:inherit;border:0;border-radius:999px;padding:.55rem .75rem;font-size:.78rem;font-weight:850}.utility-actions{flex-wrap:wrap;gap:.45rem;display:flex}.utility-actions button:disabled{cursor:not-allowed;opacity:.55}.utility-list{gap:.55rem;display:grid}.utility-list article{border:1px solid var(--spatial-border);background:#fff;border-radius:.85rem;gap:.25rem;padding:.6rem;display:grid}.canvas-toolbox button{color:var(--spatial-muted);border:1px solid var(--spatial-border);background:#fff}.canvas-toolbox button.is-active{color:#fff;background:linear-gradient(135deg, var(--spatial-violet), var(--spatial-cyan))}.spatial-workspace{z-index:2;min-height:calc(100vh - 6rem);padding-left:20rem;padding-right:24rem;position:relative}.spatial-canvas{height:calc(100vh - 6.2rem);min-height:760px;position:relative}.canvas-edges,.canvas-node-layer{position:absolute;inset:0}.canvas-edge line{stroke-width:2px;stroke:#6366f147}.canvas-edge text{fill:var(--spatial-muted);font-size:12px;font-weight:800}.edge-source line{stroke:#06b6d46b}.edge-workflow line{stroke:#8b5cf675}.edge-health line{stroke:#04785761}.canvas-node{text-align:left;min-height:150px;color:var(--spatial-text);box-shadow:var(--spatial-shadow);cursor:pointer;background:#ffffffeb;border:1px solid #dbe5f1f2;border-radius:1.5rem;gap:.65rem;padding:1rem;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;position:absolute}.canvas-node:hover,.canvas-node:focus-visible,.canvas-node.is-selected,.mobile-node:focus-visible{border-color:#8b5cf6bf;outline:0;transform:translateY(-3px);box-shadow:0 28px 90px #6366f140,0 0 0 5px #8b5cf621}.node-eyebrow{color:var(--spatial-violet);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:900}.node-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.node-metric{border:1px solid var(--spatial-border);background:#f8fafc;border-radius:.9rem;padding:.5rem}.node-metric span{color:var(--spatial-muted);font-size:.72rem;display:block}.metric-good b{color:var(--spatial-emerald)}.metric-warning b{color:var(--spatial-warning)}.metric-danger b{color:var(--spatial-danger)}.node-inspector{z-index:6;border-radius:1.5rem;width:21.5rem;padding:1rem;position:absolute;top:7.2rem;bottom:1.25rem;right:1.25rem;overflow:auto}.node-inspector h2,.node-inspector h3{margin-bottom:.55rem}.inspector-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:1rem 0;display:grid}.inspector-metrics div,.inspector-section{border:1px solid var(--spatial-border);background:#f8fafcd6;border-radius:1rem;padding:.75rem}.inspector-metrics dt{color:var(--spatial-muted);font-size:.72rem}.inspector-metrics dd{margin:.2rem 0 0;font-weight:900}.inspector-section{margin-top:.8rem}.source-links,.inspector-actions,.source-health-details{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.source-health-details article{border:1px solid var(--spatial-border);background:#fff;border-radius:.85rem;gap:.2rem;width:100%;padding:.65rem;display:grid}.source-health-details span{color:var(--spatial-muted);font-size:.78rem}.workflow-tags{flex-wrap:wrap;gap:.4rem;margin-top:.65rem;display:flex}.workflow-tags span{border:1px solid var(--spatial-border);color:var(--spatial-text);border-radius:999px;padding:.2rem .55rem;font-size:.75rem}.workflow-notes{gap:.5rem;margin-top:.65rem;display:grid}.workflow-notes article,.workflow-note-form{border:1px solid var(--spatial-border);background:#fff;border-radius:.9rem;padding:.65rem}.workflow-notes p{margin:0}.workflow-notes time{color:var(--spatial-muted);font-size:.72rem}.workflow-note-form{gap:.55rem;margin-top:.75rem;display:grid}.workflow-note-form label{gap:.35rem;display:grid}.workflow-note-form textarea{resize:vertical;min-height:4.5rem}.source-links a,.inspector-note{color:var(--spatial-violet);font-weight:800}.canvas-minimap{z-index:4;border-radius:1rem;width:11rem;padding:.7rem;position:absolute;bottom:1.25rem;left:6rem}.canvas-minimap span{color:var(--spatial-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.35rem;font-size:.75rem;font-weight:900;display:block}.canvas-minimap svg{width:100%;height:auto}.canvas-minimap rect{fill:#64748b57}.canvas-minimap rect.is-selected{fill:var(--spatial-violet)}.node-stack-mobile{display:none}@media (width<=980px){.spatial-app-shell{overflow:visible}.spatial-command-bar{grid-template-columns:1fr}.canvas-toolbox,.canvas-minimap,.spatial-canvas{display:none}.spatial-workspace{min-height:0;padding:0 1rem}.spatial-utility-panel{width:auto;margin:1rem;position:relative;inset:auto}.node-stack-mobile{gap:.8rem;display:grid}.mobile-node{text-align:left;border:1px solid var(--spatial-border);background:#ffffffe6;border-radius:1.1rem;gap:.3rem;padding:.9rem;display:grid}.mobile-node.is-selected{border-color:var(--spatial-violet)}.node-inspector{width:auto;margin:1rem;position:relative;inset:auto}}:root{color:#07111f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#eef2ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#eef2ff;min-width:320px;min-height:100vh;margin:0}a{color:inherit}button,select,input,textarea{font:inherit}