.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}html,body,#root{height:100%;min-height:100dvh}:root{color:#e2e8f0;background:#020617;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{background:#020617;margin:0;overflow:hidden}#root{min-height:0}.app-shell{flex-direction:column;height:100%;min-height:0;padding:12px;display:flex;overflow:hidden}.top-stack{flex:none;gap:10px;margin-bottom:12px;display:grid}.context-breadcrumb{align-items:center;gap:8px;width:100%;min-width:0;padding:8px 10px;display:inline-flex}.context-breadcrumb__root,.context-breadcrumb__team,.context-breadcrumb__leaf{font-size:12px}.context-breadcrumb__team{text-transform:capitalize;opacity:.9}.context-breadcrumb__root,.context-breadcrumb__team{cursor:pointer;padding:4px 8px}.context-breadcrumb__root:hover,.context-breadcrumb__team:hover{color:#38bdf8}.context-breadcrumb__sep{opacity:.7}.workspace{flex:auto;grid-template-columns:auto 1fr auto;gap:12px;min-height:0;display:grid;position:relative;overflow:hidden}.workspace>*{min-width:0;min-height:0}.canvas-shell{border:1px solid #1e293b;border-radius:12px;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.workspace-dialog-layer{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617b3;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.workspace-dialog{background:#0b1220fa;border-color:#334155;gap:18px;width:min(100%,560px);max-height:min(100%,680px);padding:20px;display:grid;overflow:auto;box-shadow:0 24px 64px #02061799}.workspace-dialog__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.workspace-dialog__header h3{margin:0;font-size:20px}.workspace-dialog__message{color:#cbd5e1;margin:8px 0 0;font-size:13px;line-height:1.5}.workspace-dialog__close{border-radius:999px;flex-shrink:0;place-items:center;min-width:36px;min-height:36px;padding:0;display:grid}.workspace-dialog__fields{gap:14px;display:grid}.workspace-dialog__field{gap:6px;display:grid}.workspace-dialog__field-label{letter-spacing:.03em;text-transform:uppercase;color:#cbd5e1;font-size:12px;font-weight:600}.workspace-dialog__control{color:#e2e8f0;width:100%;min-height:42px;font:inherit;background:#0f172a;border:1px solid #334155;border-radius:10px;padding:10px 12px}.workspace-dialog textarea.workspace-dialog__control{resize:vertical;min-height:120px}.workspace-dialog__error{color:#fca5a5;font-size:12px}.workspace-dialog__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.workspace-dialog__button--danger{color:#fee2e2;background:#7f1d1d;border-color:#b91c1c}.react-flow__controls{background:#020617eb;border:1px solid #334155;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #0006}.react-flow__controls button{color:#94a3b8;background:0 0;border:none;border-bottom:1px solid #1e293b;border-radius:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.react-flow__controls button:last-child{border-bottom:none}.react-flow__controls button:hover{color:#38bdf8;background:#1e293b}.react-flow__controls button svg{fill:currentColor}.react-flow__minimap{border:1px solid #334155;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #0006;background:#020617eb!important}.react-flow__minimap-mask{fill:#38bdf814;stroke:#38bdf8;stroke-width:1px}.card{background:#0b1220;border:1px solid #263244;border-radius:10px}.bridge-status{gap:6px;padding:10px 12px;display:grid}.bridge-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.bridge-pill{letter-spacing:.06em;text-transform:uppercase;border:1px solid #334155;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.bridge-mock-badge{letter-spacing:.08em;text-transform:uppercase;color:#1a1a2e;background:#f59e0b;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.bridge-subtle{opacity:.82;font-size:12px}.bridge-error{color:#fca5a5;font-size:12px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.stat-card{border-left:3px solid #0000;gap:5px;padding:10px;display:grid}.stat-card.problem{background:linear-gradient(#ef44441a,#0b1220);border-left-color:#ef4444}.stat-label{opacity:.75;font-size:11px}.stat-value{font-size:16px;font-weight:700}.stat-meter{background:#1e293b;border-radius:999px;width:100%;height:5px;overflow:hidden}.stat-meter>span{border-radius:inherit;height:100%;display:block}.sidebar{scrollbar-width:thin;scrollbar-color:#334155 #0b1220;gap:8px;width:clamp(220px,20vw,280px);min-width:0;padding:8px;transition:width .2s;display:grid;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:#0b1220}.sidebar::-webkit-scrollbar-thumb{background:#334155;border-radius:999px}.sidebar::-webkit-scrollbar-thumb:hover{background:#475569}.sidebar.collapsed{width:56px;padding-left:4px;padding-right:4px;overflow-y:hidden}.sidebar.collapsed>button{text-align:center;width:100%;min-width:0;padding-left:4px;padding-right:4px}.sidebar-controls{gap:6px;display:grid}.sidebar-section{border:1px solid #1f2c3e;border-radius:8px;gap:6px;padding:8px;display:grid}.sidebar-section h4{letter-spacing:.04em;text-transform:uppercase;opacity:.84;margin:0;font-size:12px}.sidebar-link{text-align:left;background:0 0;border-color:#2a3950;width:100%}.sidebar-link.active{color:#38bdf8;background:#38bdf814;border-color:#38bdf8}.search-input{color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:8px;width:100%;padding:8px 10px}.search-combobox{gap:6px;display:grid}.search-combobox__jump-row{grid-template-columns:1fr auto;gap:6px;display:grid}.search-combobox__jump-button{white-space:nowrap}.search-combobox__selected{opacity:.8;word-break:break-word;font-size:11px}.team-filter{gap:6px;display:grid}.team-option{text-transform:capitalize;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;font-size:13px;display:grid}.team-dot{border:1px solid #0000;border-radius:999px;width:9px;height:9px}.agent-node{color:#e2e8f0;cursor:pointer;background:#0f172a;border-radius:10px;outline:none;padding:10px}.agent-node:focus-visible{box-shadow:0 0 0 2px #38bdf8}.agent-node__compact,.agent-node__standard,.agent-node__expanded{display:none}.agent-node[data-display-mode=compact] .agent-node__compact{display:flex}.agent-node[data-display-mode=standard] .agent-node__standard,.agent-node[data-display-mode=expanded] .agent-node__expanded{display:grid}.agent-node__header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.agent-node__identity{align-items:center;gap:10px;min-width:0;display:flex}.agent-node__identity-text{min-width:0}.agent-node__avatar{background:#111827;border:1px solid #334155;border-radius:10px;flex-shrink:0}.agent-node__name{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.agent-node__team{opacity:.85;font-size:11px}.agent-node__status-pill{text-transform:uppercase;letter-spacing:.08em;background:#0f172ae6;border:1px solid #334155;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.agent-node__compact{align-items:center;gap:8px}.agent-node__compact .agent-node__name{flex:1}.agent-node__standard,.agent-node__expanded{gap:6px}.agent-node__task{font-size:12px}.agent-node__hint,.agent-node__agent-id,.agent-node__last-active{opacity:.8;font-size:12px}.agent-node__costs{gap:12px;font-size:12px;display:flex}.agent-node--faded{opacity:.3;pointer-events:none;transition:opacity .3s}.agent-node--primary,.agent-node--collaborator{opacity:1;transition:opacity .3s}.display-mode-toolbar{z-index:10;background:#020617e6;border:1px solid #334155;border-radius:10px;flex-wrap:wrap;gap:6px;max-width:calc(100% - 24px);padding:6px;display:inline-flex;position:absolute;top:12px;right:12px}.display-mode-toolbar__button{padding:4px 8px;font-size:12px}.display-mode-toolbar__button.active{color:#38bdf8;border-color:#38bdf8}.view-mode-toolbar{z-index:10;background:#020617e6;border:1px solid #334155;border-radius:10px;flex-wrap:wrap;gap:6px;max-width:calc(100% - 24px);padding:6px;display:inline-flex;position:absolute;top:60px;right:12px}.view-mode-toolbar__button{padding:4px 8px;font-size:12px}.view-mode-toolbar__button.active{color:#38bdf8;border-color:#38bdf8}.loading-panel{color:#cbd5e1;border:1px dashed #334155;border-radius:10px;place-items:center;min-height:220px;display:grid}.node-detail-sidebar{gap:10px;width:clamp(260px,24vw,320px);min-width:0;padding:10px;display:grid;overflow-y:auto}.node-detail-sidebar__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.node-detail-sidebar__header h3{margin:0;font-size:16px}.node-detail-sidebar__meta{gap:8px;margin:0;display:grid}.node-detail-sidebar__meta>div{gap:2px;display:grid}.node-detail-sidebar__meta dt{opacity:.72;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.node-detail-sidebar__meta dd{margin:0;font-size:13px}.node-detail-sidebar__notes-label{opacity:.9;font-size:12px}.node-detail-sidebar__notes{resize:vertical;color:#e2e8f0;width:100%;min-height:120px;font:inherit;background:#0f172a;border:1px solid #334155;border-radius:8px;padding:8px 10px}.node-detail-sidebar__actions{justify-content:flex-end;gap:8px;display:flex}.node-detail-sidebar__team-actions{border-top:1px solid #223047;gap:8px;padding-top:10px;display:grid}.node-detail-sidebar__team-actions h4{letter-spacing:.04em;text-transform:uppercase;opacity:.84;margin:0;font-size:12px}.node-detail-sidebar__team-actions-grid{gap:6px;display:grid}.node-detail-sidebar__team-actions-grid button{text-align:left}.node-detail-sidebar__stub-note{color:#7dd3fc;margin:0;font-size:12px}.pulse-toast-stack{z-index:50;gap:8px;width:min(360px,100vw - 32px);display:grid;position:fixed;bottom:16px;right:16px}.pulse-toast{background:#082f49eb;border-color:#155e75;padding:10px 12px;font-size:12px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #38bdf8}button{color:#e2e8f0;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:8px;padding:6px 10px}.project-list{scrollbar-width:thin;scrollbar-color:#334155 #020617;width:100%;height:100%;padding:24px;overflow-y:auto}.project-list__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.project-list__header h2{margin:0;font-size:20px}.project-list__section{margin-bottom:24px}.project-list__section h3{text-transform:uppercase;letter-spacing:.06em;opacity:.7;margin:0 0 10px;font-size:13px}.project-list__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.project-list__card{text-align:left;cursor:pointer;background:#0b1220;border:1px solid #1e293b;border-radius:10px;gap:6px;padding:14px;transition:border-color .15s;display:grid}.project-list__card:hover{border-color:#38bdf8}.project-list__card strong{font-size:15px}.project-list__card-type{text-transform:uppercase;letter-spacing:.06em;opacity:.6;font-size:11px}.project-list__card-desc{opacity:.8;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.project-list__card-pillars{opacity:.6;font-size:11px}.project-canvas__toolbar{z-index:10;background:#020617eb;border:1px solid #334155;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:6px 10px;display:flex;position:absolute;top:12px;left:12px}.project-canvas__title{font-size:14px;font-weight:700}.project-canvas__type-badge{text-transform:uppercase;letter-spacing:.06em;opacity:.7;border:1px solid #334155;border-radius:999px;padding:2px 8px;font-size:10px}.project-hub-node{color:#e2e8f0;cursor:pointer;background:linear-gradient(135deg,#0f172a,#1e293b);border:2px solid #38bdf8;border-radius:12px;outline:none;gap:8px;min-width:220px;max-width:280px;padding:16px;display:grid}.project-hub-node:hover{border-color:#7dd3fc}.project-hub-node:focus-visible{box-shadow:0 0 0 2px #38bdf8}.project-hub-node__header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.project-hub-node__name{font-size:16px}.project-hub-node__status{text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border:1px solid;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.project-hub-node__type{opacity:.6;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.project-hub-node__desc{opacity:.8;font-size:12px}.project-hub-node__meta{opacity:.5;font-size:11px}.pillar-node{color:#e2e8f0;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:10px;outline:none;gap:8px;min-width:220px;max-width:260px;padding:12px;display:grid}.pillar-node:hover{border-color:#475569}.pillar-node:focus-visible{box-shadow:0 0 0 2px #38bdf8}.pillar-node__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.pillar-node__title{align-items:center;gap:6px;min-width:0;display:flex}.pillar-node__icon{flex-shrink:0;font-size:14px}.pillar-node__title strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.pillar-node__toggle{border-radius:6px;flex-shrink:0;place-items:center;width:24px;height:24px;padding:0;font-size:16px;line-height:1;display:grid}.pillar-node__stats{flex-wrap:wrap;gap:10px;display:flex}.pillar-node__stat{font-size:11px;font-weight:600}.pillar-node__progress{background:#1e293b;border-radius:999px;height:4px;display:flex;overflow:hidden}.pillar-node__progress-bar{height:100%;transition:width .3s}.pillar-node__notes-preview{opacity:.6;font-size:11px;font-style:italic}.subnode-node{color:#e2e8f0;cursor:pointer;background:#0b1220;border:1px solid #1e293b;border-radius:8px;outline:none;align-items:center;gap:8px;min-width:180px;max-width:260px;padding:8px 12px;display:flex}.subnode-node:hover{border-color:#334155}.subnode-node:focus-visible{box-shadow:0 0 0 2px #38bdf8}.subnode-node__status-dot{cursor:pointer;border:2px solid;border-radius:999px;flex-shrink:0;width:12px;height:12px;padding:0}.subnode-node__label{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.subnode-node__status-text{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-size:10px;font-weight:600}.project-detail-sidebar select{color:#e2e8f0;font:inherit;background:#0f172a;border:1px solid #334155;border-radius:6px;padding:4px 8px;font-size:13px}.project-detail-sidebar__actions{border-top:1px solid #223047;gap:6px;padding-top:10px;display:grid}.project-detail-sidebar__actions h4{text-transform:uppercase;letter-spacing:.04em;opacity:.84;margin:0;font-size:12px}.project-detail-sidebar__notes-section{gap:6px;display:grid}.project-detail-sidebar__items{border-top:1px solid #223047;gap:4px;padding-top:10px;display:grid}.project-detail-sidebar__items h4{text-transform:uppercase;letter-spacing:.04em;opacity:.84;margin:0 0 4px;font-size:12px}.project-detail-sidebar__item{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;transition:background .1s;display:flex}.project-detail-sidebar__item:hover{background:#38bdf814}.project-detail-sidebar__item-dot{border-radius:999px;flex-shrink:0;width:8px;height:8px}.project-detail-sidebar__item-label{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.project-detail-sidebar__item-status{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:10px;font-weight:600}.studio-hub-node{color:#e2e8f0;text-align:center;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #f59e0b;border-radius:14px;outline:none;gap:8px;min-width:200px;max-width:240px;padding:20px;display:grid}.studio-hub-node__name{letter-spacing:.02em;font-size:18px}.studio-hub-node__meta{opacity:.6;font-size:11px}.studio-category-node{color:#e2e8f0;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:10px;outline:none;gap:8px;min-width:220px;max-width:260px;padding:12px;display:grid}.studio-category-node:hover{border-color:#475569}.studio-category-node:focus-visible{box-shadow:0 0 0 2px #38bdf8}.studio-category-node__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.studio-category-node__title{align-items:center;gap:6px;min-width:0;display:flex}.studio-category-node__title strong{font-size:13px}.studio-category-node__stats{gap:10px;display:flex}.studio-category-node__notes{opacity:.6;font-size:11px;font-style:italic}.studio-canvas__title{color:#f59e0b;font-size:14px;font-weight:700}.workshop-hub-node{color:#e2e8f0;text-align:center;cursor:pointer;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #3b82f6;border-radius:14px;outline:none;gap:8px;min-width:200px;max-width:260px;padding:20px;display:grid}.workshop-hub-node:hover{border-color:#60a5fa}.workshop-hub-node:focus-visible{box-shadow:0 0 0 2px #38bdf8}.workshop-hub-node__name{letter-spacing:.02em;font-size:18px}.workshop-hub-node__meta{opacity:.6;font-size:11px}.workshop-hub-node__desc{opacity:.5;font-size:11px;font-style:italic}.pipeline-node{color:#e2e8f0;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:10px;outline:none;gap:6px;min-width:220px;max-width:280px;padding:12px;display:grid}.pipeline-node:hover{border-color:#475569}.pipeline-node:focus-visible{box-shadow:0 0 0 2px #38bdf8}.pipeline-node__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.pipeline-node__title{align-items:center;gap:6px;min-width:0;display:flex}.pipeline-node__title strong{font-size:13px}.pipeline-node__kind-badge{color:#0f172a;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.pipeline-node__reusable-icon{color:#f59e0b;font-size:14px}.pipeline-node__status-row{align-items:center;gap:8px;display:flex}.pipeline-node__status-badge{color:#0f172a;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.pipeline-node__agent-chip{color:#94a3b8;background:#1e293b;border:1px solid #475569;border-radius:4px;padding:2px 6px;font-size:10px}.pipeline-node__ports{opacity:.5;font-size:11px}.pipeline-node__desc{opacity:.5;font-size:11px;font-style:italic}.workshop-canvas__title{color:#3b82f6;font-size:14px;font-weight:700}@media (width>=901px){.top-stack{grid-template-columns:minmax(0,1fr) minmax(220px,280px);grid-template-areas:"stats stats""breadcrumb bridge";align-items:start}.stats-grid{grid-area:stats}.context-breadcrumb{white-space:nowrap;scrollbar-width:none;grid-area:breadcrumb;overflow-x:auto}.context-breadcrumb::-webkit-scrollbar{display:none}.bridge-status{grid-area:bridge;justify-self:end;width:100%;max-width:280px}.bridge-row{flex-wrap:wrap}}@media (width<=900px){.workspace{grid-template-columns:1fr}.sidebar{z-index:30;border-radius:0 10px 10px 0;width:260px;height:100%;position:absolute;top:0;left:0;box-shadow:4px 0 24px #00000080}.sidebar.collapsed{width:44px;box-shadow:none}.node-detail-sidebar{z-index:20;border-radius:12px 12px 0 0;width:100%;max-height:45vh;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0006}.workspace-dialog-layer{padding:16px}.workspace-dialog{width:min(100%,520px);max-height:calc(100% - 16px)}.stats-grid{grid-template-columns:repeat(2,minmax(100px,1fr))}.context-breadcrumb{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.context-breadcrumb::-webkit-scrollbar{display:none}.project-list__grid{grid-template-columns:1fr}.project-canvas__toolbar{max-width:calc(100% - 24px)}.view-mode-toolbar{inset:auto auto 12px 12px}.display-mode-toolbar{top:auto;bottom:12px;right:12px}}@media (width<=480px){.app-shell{padding:6px}.stats-grid,.bridge-status{display:none}.top-stack{gap:4px;margin-bottom:4px}button{min-width:44px;min-height:44px;padding:8px 12px;font-size:13px}.stats-grid{grid-template-columns:1fr 1fr;gap:4px}.stat-card{padding:6px}.stat-value{font-size:14px}.sidebar.collapsed{display:none}.sidebar{border-radius:0;width:100%}.node-detail-sidebar{max-height:55vh}.workspace-dialog-layer{padding:10px}.workspace-dialog{gap:14px;width:100%;max-height:calc(100% - 12px);padding:16px}.workspace-dialog__header h3{font-size:18px}.workspace-dialog__actions{justify-content:stretch}.workspace-dialog__actions button{flex:140px}.context-breadcrumb{gap:4px;padding:6px 8px}.context-breadcrumb__root,.context-breadcrumb__team,.context-breadcrumb__leaf{font-size:11px}.agent-node{padding:12px}.project-list__card{padding:16px}.project-list__card strong{font-size:16px}.project-list{padding:12px}.project-list__header h2{font-size:18px}.subnode-node{min-height:44px;padding:10px 14px}.subnode-node__status-dot{width:16px;height:16px}.subnode-node__label{font-size:13px}.pillar-node{padding:14px}.pillar-node__toggle{width:32px;height:32px}.project-hub-node{min-width:180px;padding:14px}.display-mode-toolbar__button,.view-mode-toolbar__button{min-height:36px;padding:8px 12px;font-size:12px}.node-detail-sidebar__notes{min-height:80px;font-size:14px}.project-detail-sidebar select{min-height:36px;font-size:14px}.project-detail-sidebar__item{min-height:40px;padding:10px 8px}}