@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@500;600;650;700;750;800&display=swap";.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:#555;--xy-background-pattern-lines-color-default:#333;--xy-background-pattern-cross-color-default:#333;--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;touch-action:none}.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-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.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))}:root{font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f5f7f1;--surface:#fff;--surface-muted:#f0f3ec;--surface-raised:#fff;--surface-hover:#e8eee2;--text:#202c23;--text-muted:#53614f;--text-subtle:#63715f;--border:#dce3d6;--border-strong:#bbc9b2;--accent:#9bec55;--accent-hover:#89dc44;--accent-ink:#1b3410;--accent-text:#386516;--accent-soft:#edf8e3;--accent-border:#c9e4b0;--danger:#b13549;--danger-soft:#fff0f2;--danger-border:#efcbd2;--warning:#8b5b13;--warning-soft:#fff5e4;--tool:#7750a8;--tool-soft:#f3edfb;--tool-border:#dbc9ed;--info:#326b87;--info-soft:#edf6fa;--focus:#568b2f;--shadow:0 5px 22px #25361c0c;--shadow-raised:0 18px 60px #14221324;--overlay:#15221166;--overlay-soft:#f5f7f1d9;--canvas-bg:#f2f5ee;--canvas-dot:#cbd7c3;--canvas-edge:#82947a;--canvas-edge-active:#53872e;--canvas-label-bg:#f2f5ee;--canvas-minimap-mask:#f2f5eeb8;--teal:var(--accent-text);--teal-dark:var(--accent-text);--teal-light:var(--accent-soft);--muted:var(--text-muted);--purple:var(--tool);color:var(--text);background:var(--background);font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#101713;--surface:#18211b;--surface-muted:#1e2921;--surface-raised:#243027;--surface-hover:#2c3a2e;--text:#edf3e9;--text-muted:#b3c0ac;--text-subtle:#9caa96;--border:#344231;--border-strong:#52664a;--accent:#9bec55;--accent-hover:#b1fa73;--accent-ink:#1b3410;--accent-text:#b0ef7c;--accent-soft:#273c1e;--accent-border:#4e713a;--danger:#ff9ca8;--danger-soft:#3c232b;--danger-border:#71424d;--warning:#f0c478;--warning-soft:#3b301d;--tool:#d0b1f4;--tool-soft:#30263e;--tool-border:#5b4377;--info:#93c7e0;--info-soft:#1c303b;--focus:#b1ef80;--shadow:0 5px 22px #00000026;--shadow-raised:0 18px 65px #0006;--overlay:#050b07aa;--overlay-soft:#101713de;--canvas-bg:#121b15;--canvas-dot:#2c3d29;--canvas-edge:#829878;--canvas-edge-active:#9bec55;--canvas-label-bg:#121b15;--canvas-minimap-mask:#121b15bc}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}html,body,#root{width:100%;min-width:0;min-height:100%}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid var(--focus);outline-offset:1px;border-color:var(--focus)}input::placeholder,textarea::placeholder{color:var(--text-subtle);opacity:1}button svg{flex-shrink:0}textarea{resize:vertical}pre,code{overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}pre{white-space:pre-wrap;margin:0;font-size:12px;line-height:1.65}h1,h2,h3,h4,p{margin:0}h2{letter-spacing:-.4px;font-family:Manrope,system-ui,sans-serif;font-size:17px;font-weight:750}h3{font-size:14px;font-weight:650}summary{cursor:pointer}[hidden]{display:none!important}.muted,.help{color:var(--text-muted)}.help{font-size:12px;font-weight:400;line-height:1.65}.small-label,.section-eyebrow{color:var(--text-subtle);letter-spacing:1.1px;font-size:10px;font-weight:650}.spin{animation:1.3s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.rotate{transform:rotate(180deg)}.app-shell{flex-direction:column;height:100dvh;min-height:520px;display:flex;overflow:hidden}.app-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:30;flex-shrink:0;align-items:center;gap:20px;height:64px;padding:0 24px;display:flex}.brand{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-mark{width:35px;height:35px;color:var(--accent-ink);background:var(--accent);border-radius:11px;justify-content:center;align-items:center;display:inline-flex}.brand-mark.large{border-radius:18px;width:60px;height:60px}.brand strong{letter-spacing:-1px;color:var(--text);font-family:Manrope,system-ui,sans-serif;font-size:21px;font-weight:800;line-height:1.1;display:block}.brand strong>span{color:var(--accent-text)}.brand small{letter-spacing:1.5px;color:var(--text-subtle);margin-top:4px;font-size:9px;font-weight:600;display:block}.header-divider{background:var(--border);width:1px;height:24px}.workspace-label{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.dev-badge{background:var(--surface-muted);border:1px solid var(--border);color:var(--text-muted);border-radius:5px;padding:3px 5px;font-size:10px;font-weight:600}.header-actions{align-items:center;gap:12px;min-width:0;margin-left:auto;display:flex}.user-select{border-left:1px solid var(--border);align-items:center;gap:8px;min-width:0;padding-left:15px;display:flex}.operator-profile{align-items:center;gap:8px;min-width:0;display:flex}.operator-profile-details{flex-direction:column;gap:3px;min-width:0;display:flex}.operator-profile-details strong,.operator-profile-details small{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.operator-profile-details strong{color:var(--text);font-size:12px}.operator-profile-details small{color:var(--text-subtle);font-size:10px}.avatar{background:var(--accent-soft);width:32px;height:32px;color:var(--accent-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.avatar.tiny{width:23px;height:23px;font-size:11px}.user-select label{flex-direction:column;gap:3px;min-width:0;display:flex}.user-select label>span{color:var(--text-subtle);font-size:10px}.user-select select{appearance:none;max-width:210px;color:var(--text);cursor:pointer;text-overflow:ellipsis;background:0 0;border:0;padding:0;font-size:12px;font-weight:600}.user-select>svg{color:var(--text-subtle)}.button{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:10px 14px;font-size:12px;font-weight:650;line-height:1.2;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.button.small{gap:6px;min-height:34px;padding:8px 11px;font-size:12px}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.button.secondary,.button.dark{background:var(--surface);border-color:var(--border);color:var(--text)}.button.secondary:hover:not(:disabled),.button.dark:hover:not(:disabled){background:var(--surface-muted);border-color:var(--border-strong)}.button.tinted{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-border)}.button.full{width:100%}.icon-button{width:33px;height:33px;color:var(--text-muted);background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.danger,.error-text{color:var(--danger)!important}.button.danger{border-color:var(--danger-border)}.icon-button.danger:hover{background:var(--danger-soft)}.theme-toggle{background:var(--surface-muted);border:1px solid var(--border);min-height:35px;color:var(--text);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-size:12px;font-weight:550;display:inline-flex}.theme-toggle:hover{background:var(--surface-hover);border-color:var(--border-strong)}.theme-toggle svg{color:var(--accent-text)}.workspace-toolbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:28;flex-shrink:0;align-items:center;gap:17px;min-height:74px;padding:12px 24px;display:flex}.flow-picker{color:var(--text-muted);border-right:1px solid var(--border);flex-shrink:0;align-items:center;gap:7px;padding-right:16px;display:flex}.flow-picker select{background:var(--surface);color:var(--text-muted);cursor:pointer;border:0;max-width:150px;padding:7px 0}.workflow-menu-trigger{color:var(--text);text-align:left;background:0 0;align-items:center;gap:9px;padding:5px 0;display:flex}.workflow-menu-trigger>svg:first-child{color:var(--accent-text)}.workflow-menu-trigger>span{gap:3px;font-size:13px;font-weight:650;display:grid}.workflow-menu-trigger small{color:var(--text-subtle);white-space:nowrap;font-size:11px;font-weight:400}.toolbar-flow-name{flex-wrap:wrap;align-items:center;gap:4px 7px;min-width:0;display:flex}.toolbar-flow-name input{color:var(--text);background:0 0;border:1px solid #0000;border-radius:6px;width:215px;min-width:0;max-width:100%;padding:5px;font-family:Manrope,system-ui,sans-serif;font-size:16px;font-weight:750}.toolbar-flow-name input:hover{border-color:var(--border)}.draft-label{color:var(--text-subtle);white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex}.unsaved-dot{background:var(--warning);border-radius:50%;width:6px;height:6px;display:inline-block}.toolbar-actions,.toolbar-primary-actions,.toolbar-secondary-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.toolbar-primary-actions .button{min-height:38px}.workspace-actions{position:relative}.workspace-actions>summary{border:1px solid var(--border);min-height:36px;color:var(--text-muted);background:var(--surface);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:8px 10px;font-size:12px;list-style:none;display:flex}.workspace-actions>summary::-webkit-details-marker{display:none}.workspace-actions[open]>summary{background:var(--surface-muted);color:var(--text);border-color:var(--border-strong)}.workspace-actions-menu{border:1px solid var(--border);background:var(--surface-raised);min-width:220px;box-shadow:var(--shadow-raised);z-index:60;border-radius:10px;gap:3px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.workspace-actions-menu button{text-align:left;width:100%;min-height:36px;color:var(--text);background:0 0;border:0;border-radius:6px;justify-content:flex-start;align-items:center;gap:8px;padding:10px;font-size:12px;display:flex}.workspace-actions-menu button:hover:not(:disabled){background:var(--surface-hover)}.workspace-actions-menu button.danger:hover:not(:disabled){background:var(--danger-soft)}.workspace-actions-menu button.danger-text{color:var(--danger)}.workspace-actions-menu button.danger-text:hover:not(:disabled){background:var(--danger-soft)}.pill{white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:5px 8px;font-size:11px;font-weight:550;line-height:1.2;display:inline-flex}.pill.completed,.pill.running{color:var(--accent-text);background:var(--accent-soft)}.pill.failed{color:var(--danger);background:var(--danger-soft)}.pill.neutral{background:var(--surface-muted);color:var(--text-muted)}.status-dot{background:var(--text-subtle);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.status-dot.completed,.status-dot.running{background:var(--accent-text)}.status-dot.running{animation:2s infinite statuspulse}.status-dot.failed{background:var(--danger)}.status-dot.neutral{background:var(--text-subtle)}@keyframes statuspulse{50%{box-shadow:0 0 0 4px var(--accent-soft)}}.notice{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;min-height:38px;padding:5px 24px;font-size:12px;line-height:1.5;display:flex}.notice>span{align-items:center;gap:8px;min-width:0;display:flex}.notice>span>svg{flex-shrink:0}.notice.success{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-border)}.notice.error{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-border)}.notice.info{background:var(--info-soft);color:var(--info)}.workspace{flex:1;min-width:0;min-height:0;display:flex;position:relative}.library{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:270px;min-width:0;min-height:0;display:flex}.workflow-sidebar{width:288px}.workspace-navigation{flex-shrink:0;gap:4px;padding:12px 12px 0;display:flex}.workspace-navigation button{min-height:35px;color:var(--text-muted);background:0 0;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 7px;font-size:12px;display:flex}.workspace-navigation button.selected{background:var(--accent-soft);color:var(--accent-text);font-weight:650}.workspace-navigation .catalog-close{flex:0 0 30px;padding:4px;display:none}.panel-heading{flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:20px 18px 15px;display:flex}.panel-heading h2{margin-top:5px;font-size:17px}.library-counter{border:1px solid var(--border);background:var(--surface-muted);min-width:25px;height:25px;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;font-size:11px;display:flex}.library-tabs{border-bottom:1px solid var(--border);gap:5px;padding:0 12px;display:flex}.library-tabs>button{color:var(--text-muted);background:0 0;flex-direction:column;flex:1;align-items:center;gap:7px;padding:12px 2px 13px;font-size:11px;display:flex;position:relative}.library-tabs>button.active{color:var(--accent-text);font-weight:600}.library-tabs>button.active:after{content:"";background:var(--accent);border-radius:3px;height:3px;position:absolute;bottom:-1px;left:0;right:0}.library-content{flex:1;min-height:0;padding:19px 16px;overflow:auto}.section-eyebrow{align-items:center;gap:5px;margin-bottom:12px;display:flex}.palette-card{border:1px solid var(--accent-border);background:var(--accent-soft);text-align:left;width:100%;color:var(--accent-text);border-radius:9px;align-items:center;gap:10px;padding:12px 10px;display:flex}.palette-card>span:nth-child(2){flex:1}.palette-icon{background:var(--surface);color:var(--accent-text);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.palette-card strong{color:var(--text);font-size:13px;display:block}.palette-card small{color:var(--text-muted);margin-top:4px;font-size:11px;line-height:1.4;display:block}.palette-card:hover{border-color:var(--accent-text)}.library-hint{color:var(--text-muted);margin:12px 2px 22px;font-size:12px;line-height:1.65}.section-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.section-heading h3{font-size:13px}.section-heading span,.section-heading h3>span{color:var(--text-subtle);font-size:11px;font-weight:400}.section-heading h3>span{margin-left:5px}.section-heading.small{border-top:1px solid var(--border);margin-bottom:10px;padding-top:18px}.section-heading.small h3{color:var(--text-muted);font-size:12px;font-weight:500}.graph-node-list{flex-direction:column;gap:4px;display:flex}.graph-node-list button{color:var(--text-muted);text-align:left;background:0 0;border-radius:7px;align-items:center;gap:8px;padding:10px 8px;font-size:12px;display:flex}.graph-node-list button>span:first-of-type{white-space:nowrap;text-overflow:ellipsis;color:var(--text);flex:1;overflow:hidden}.graph-node-list button:hover,.graph-node-list button.selected{background:var(--accent-soft);color:var(--accent-text)}.mini-badge{border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--accent-text);border-radius:4px;padding:3px 4px;font-size:9px}.connection-guide{border:1px solid var(--border);background:var(--surface-muted);color:var(--text-muted);border-radius:8px;margin-top:25px;padding:16px 13px}.guide-nodes{align-items:center;width:115px;margin-bottom:12px;display:flex}.guide-nodes>span:not(.guide-line){border:1px solid var(--border);background:var(--surface);width:32px;height:31px;color:var(--accent-text);border-radius:7px;justify-content:center;align-items:center;display:flex}.guide-line{background:var(--border-strong);flex:1;height:1px;position:relative}.guide-line:after{content:"";border-left:4px solid var(--border-strong);border-top:2.5px solid #0000;border-bottom:2.5px solid #0000;position:absolute;top:-2px;right:0}.connection-guide strong{color:var(--text);font-size:12px;font-weight:600}.connection-guide p{color:var(--text-muted);margin-top:7px;font-size:11px;line-height:1.7}.library-footer{border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:9px;min-height:60px;padding:12px 16px;display:flex}.library-footer>div{flex:1;overflow:hidden}.library-footer strong{color:var(--text);font-size:12px;font-weight:550;display:block}.library-footer small{color:var(--text-subtle);margin-top:4px;font-size:10px;display:block}.local-label{letter-spacing:.5px;color:var(--text-subtle);border:1px solid var(--border);border-radius:4px;padding:4px;font-size:9px}.library-search{background:var(--surface-muted);border:1px solid var(--border);color:var(--text-subtle);border-radius:7px;align-items:center;gap:8px;margin-bottom:11px;padding:10px;display:flex}.library-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;font-size:12px}.library-server-group{margin-top:22px}.library-server-group .section-eyebrow{letter-spacing:.3px;text-transform:uppercase;overflow-wrap:anywhere}.tool-palette-item{text-align:left;border-bottom:1px solid var(--border);width:100%;color:var(--tool);background:0 0;align-items:center;gap:8px;padding:11px 4px;display:flex}.tool-palette-item>span{background:var(--tool-soft);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.tool-palette-item>strong{text-overflow:ellipsis;white-space:nowrap;color:var(--text);flex:1;font-size:12px;font-weight:500;overflow:hidden}.tool-palette-item:hover{background:var(--tool-soft)}.library-empty{text-align:center;color:var(--text-subtle);padding:30px 10px}.library-empty p{color:var(--text-muted);margin-top:12px;font-size:12px;line-height:1.65}.skill-library-card{border-bottom:1px solid var(--border);text-align:left;width:100%;color:var(--accent-text);background:0 0;align-items:flex-start;gap:9px;padding:13px 4px;display:flex}.skill-library-card strong{color:var(--text);font-size:12px;font-weight:550;display:block}.skill-library-card small{color:var(--text-muted);margin-top:5px;font-size:11px;line-height:1.6;display:block}.workflows-heading{padding:19px 16px 15px}.workflows-content{flex:1;min-height:0;padding:0 14px 20px;overflow:auto}.orchestrator-card{border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--accent-text);border-radius:9px;margin-bottom:16px;padding:12px}.orchestrator-card>summary{align-items:center;gap:9px;list-style:none;display:flex}.orchestrator-card>summary::-webkit-details-marker{display:none}.orchestrator-card>summary>span{flex:1;min-width:0;display:block}.orchestrator-card>summary>span>strong{display:block}.orchestrator-card>summary>span>small{color:var(--accent-text);margin-top:3px;font-size:11px;line-height:1.45;display:block}.orchestrator-card>summary>svg:last-child{flex-shrink:0;margin-left:auto;transition:transform .15s}.orchestrator-card[open]>summary>svg:last-child{transform:rotate(180deg)}.orchestrator-icon{color:var(--accent-text);padding-top:1px;display:inline-flex}.orchestrator-card strong{color:var(--text);font-size:12px;line-height:1.5}.orchestrator-card>div,.orchestrator-card>summary>div{gap:4px;display:grid}.orchestrator-card span:not(.orchestrator-icon){font-size:11px}.orchestrator-card p{color:var(--text-muted);margin:10px 0 0;font-size:12px;line-height:1.65}.workflow-search{margin-bottom:10px}.workflow-search input{width:100%;min-width:0}.workflow-filters{gap:3px;padding-bottom:15px;display:flex}.workflow-filters button{color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 4px;font-size:11px;display:flex}.workflow-filters button.selected{background:var(--surface-muted);border-color:var(--border);color:var(--text);font-weight:600}.workflow-filters button>span{color:var(--text-subtle);font-size:10px}.workflow-card-list{gap:12px;display:grid}.workflow-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;min-width:0;padding:14px 12px}.workflow-card.selected{border-color:var(--accent-text);box-shadow:inset 3px 0 0 var(--accent)}.workflow-card-top{justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;display:flex}.workflow-status{color:var(--text-muted);align-items:center;gap:5px;font-size:11px;display:inline-flex}.workflow-status.is-active{color:var(--accent-text)}.workflow-editing{color:var(--text-subtle);font-size:10px}.workflow-open{text-align:left;background:0 0;gap:6px;width:100%;padding:3px 0 8px;display:grid}.workflow-open strong{color:var(--text);overflow-wrap:anywhere;font-size:14px;line-height:1.45}.workflow-open>span{color:var(--text-muted);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.workflow-description-label{color:var(--text-subtle);margin-top:2px;font-size:11px}.workflow-root{color:var(--accent-text);align-items:flex-start;gap:7px;margin-top:6px;display:flex}.workflow-root>svg{flex-shrink:0;margin-top:2px}.workflow-root>span{min-width:0;color:var(--text-subtle);gap:3px;font-size:10px;display:grid}.workflow-root strong{color:var(--text-muted);overflow-wrap:anywhere;font-size:12px;font-weight:500}.workflow-details{color:var(--text-muted);margin-top:12px;font-size:11px}.workflow-details>summary{color:var(--text-subtle);justify-content:space-between;align-items:center;gap:8px;padding:4px 0;font-size:11px;list-style:none;display:flex}.workflow-details>summary::-webkit-details-marker{display:none}.workflow-details[open]>summary>svg{transform:rotate(180deg)}.workflow-versions{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:7px;padding-top:9px;font-size:11px;line-height:1.6;display:flex}.workflow-versions .has-draft{color:var(--warning)}.workflow-published-name{color:var(--text-muted);overflow-wrap:anywhere;margin:6px 0 0;font-size:11px}.workflow-card-actions{align-items:center;gap:9px;margin-top:12px;display:flex}.workflow-card-actions .button{min-height:32px;padding:7px 10px;font-size:11px}.workflow-active-icon{color:var(--accent-text);margin-left:auto}.center-workspace{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.canvas-toolbar{background:var(--surface-muted);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:47px;padding:8px 20px;display:flex}.breadcrumb{color:var(--text-subtle);white-space:nowrap;align-items:center;gap:8px;min-width:0;font-size:12px;display:flex;overflow:hidden}.breadcrumb strong{color:var(--text-muted);text-overflow:ellipsis;font-weight:500;overflow:hidden}.canvas-tools{color:var(--text-subtle);flex-shrink:0;align-items:center;gap:10px;font-size:11px;display:flex}.canvas-tools .button{min-height:32px;padding:7px 10px;font-size:11px}.canvas-wrap{background:var(--canvas-bg);flex:1;min-height:180px;position:relative}.canvas-caption{z-index:4;pointer-events:none;color:var(--text-muted);background:var(--canvas-label-bg);border:1px solid var(--border);border-radius:7px;align-items:center;gap:6px;max-width:calc(100% - 32px);padding:7px 9px;font-size:10px;display:flex;position:absolute;top:13px;left:16px}.legend-dot{background:var(--accent-text);border-radius:2px;flex-shrink:0;width:6px;height:6px;margin-left:4px;display:inline-block}.legend-dot.tool{background:var(--tool)}.legend-dot.running,.legend-dot.completed{background:var(--accent-text)}.legend-dot.failed{background:var(--danger)}.caption-divider{background:var(--border-strong);width:1px;height:10px;margin:0 3px}.canvas-empty{text-align:center;color:var(--accent-text);pointer-events:none;width:min(340px,85%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-empty h2{color:var(--text);margin-top:17px;font-size:18px}.canvas-empty p{color:var(--text-muted);margin-top:10px;font-size:13px;line-height:1.65}.studio-node{background:var(--surface);border:1px solid var(--border-strong);width:252px;box-shadow:var(--shadow);color:var(--accent-text);border-radius:12px;transition:box-shadow .15s,border-color .15s}.studio-node.agent{border-top:3px solid var(--accent)}.studio-node.tool{border-color:var(--tool-border);border-top:3px solid var(--tool);color:var(--tool);width:246px}.studio-node.selected{border-color:var(--accent-text);box-shadow:0 0 0 3px var(--accent-soft), var(--shadow)}.studio-node.tool.selected{border-color:var(--tool);box-shadow:0 0 0 3px var(--tool-soft), var(--shadow)}.studio-node.running{border-color:var(--accent-text);box-shadow:0 0 0 4px var(--accent-soft), var(--shadow)}.studio-node.completed{border-color:var(--accent-text)}.studio-node.failed{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.node-eyebrow{letter-spacing:1px;color:var(--text-subtle);justify-content:space-between;align-items:center;padding:14px 15px 9px;font-size:9px;font-weight:650;display:flex}.tool .node-eyebrow{color:var(--tool)}.node-heading{align-items:center;gap:9px;padding:1px 15px;display:flex}.node-icon{background:var(--accent-soft);width:33px;height:33px;color:var(--accent-text);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tool .node-icon{background:var(--tool-soft);color:var(--tool)}.node-heading strong{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-family:Manrope,system-ui,sans-serif;font-size:13px;font-weight:700;overflow:hidden}.tool .node-heading strong{color:var(--text)}.studio-node>p{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;min-height:38px;padding:10px 15px 13px;font-size:11px;line-height:1.6;overflow:hidden}.node-foot{background:var(--surface-muted);border-top:1px solid var(--border);color:var(--text-muted);border-radius:0 0 11px 11px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:35px;padding:10px 14px;font-size:10px;display:flex}.tool .node-foot{background:var(--tool-soft);border-color:var(--tool-border);color:var(--tool)}.node-tags{align-items:center;gap:5px;display:flex}.node-tags>span{color:var(--accent-text);align-items:center;gap:3px;font-size:9px;display:flex}.react-flow{--xy-background-color:var(--canvas-bg);--xy-edge-stroke:var(--canvas-edge);--xy-edge-stroke-selected:var(--accent-text);--xy-connectionline-stroke:var(--accent-text);--xy-controls-button-background-color:var(--surface);--xy-controls-button-background-color-hover:var(--surface-hover);--xy-controls-button-color:var(--text-muted);--xy-controls-button-color-hover:var(--text);--xy-controls-button-border-color:var(--border);--xy-minimap-background-color:var(--surface);--xy-minimap-mask-background-color:var(--canvas-minimap-mask);--xy-background-pattern-dots-color:var(--canvas-dot);--xy-attribution-background-color:var(--canvas-bg)}.react-flow__handle{background:var(--surface)!important;border:2px solid var(--accent-text)!important;width:9px!important;height:9px!important}.tool .react-flow__handle{border-color:var(--tool)!important}.react-flow__handle:hover{box-shadow:0 0 0 4px var(--accent-soft)}.react-flow__controls{overflow:hidden;border:1px solid var(--border)!important;box-shadow:var(--shadow)!important;border-radius:8px!important;bottom:24px!important;left:16px!important}.react-flow__controls-button{background:var(--surface)!important;border-color:var(--border)!important;width:32px!important;height:32px!important;color:var(--text-muted)!important;fill:currentColor!important}.react-flow__controls-button:hover{background:var(--surface-hover)!important}.react-flow__controls-button svg{width:13px!important}.react-flow__minimap{border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;overflow:hidden;background:var(--surface)!important;width:125px!important;height:82px!important;bottom:21px!important;right:12px!important}.react-flow__attribution{background:var(--canvas-bg)!important;color:var(--text-subtle)!important;font-size:9px!important;bottom:3px!important;right:14px!important}.react-flow__edge.selected .react-flow__edge-path{stroke:var(--accent-text)!important}.react-flow__edge-textbg{rx:4}.validation-errors{z-index:6;background:var(--surface-raised);box-shadow:var(--shadow-raised);border:1px solid var(--danger-border);border-radius:9px;max-width:min(420px,100% - 40px);max-height:280px;padding:13px;position:absolute;top:59px;left:20px;overflow:auto}.validation-errors>div{color:var(--danger);align-items:center;gap:8px;padding-bottom:8px;font-size:12px;display:flex}.validation-errors .icon-button{margin-left:auto}.validation-errors>button{text-align:left;width:100%;color:var(--text-muted);background:0 0;align-items:flex-start;gap:7px;padding:8px 2px;font-size:12px;line-height:1.5;display:flex}.validation-errors>button>svg{flex-shrink:0;margin-top:4px}.collapsed-monitor{background:var(--surface);min-height:43px;color:var(--text-muted);border-top:1px solid var(--border);text-align:left;flex-shrink:0;align-items:center;gap:9px;width:100%;padding:9px 20px;font-size:12px;display:flex}.collapsed-monitor:hover{background:var(--surface-muted)}.collapsed-monitor>svg:last-child{margin-left:auto;transform:rotate(180deg)}.inspector{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:336px;min-width:0;min-height:0;display:flex}.inspector .panel-heading{border-bottom:1px solid var(--border);padding:19px 20px 17px}.inspector .panel-heading h2{font-size:17px}.inspector-body{flex:1;min-height:0;padding:19px 20px 26px;overflow:auto}.inspector-empty{padding:25px 20px;overflow:auto}.empty-icon{background:var(--accent-soft);width:50px;height:50px;color:var(--accent-text);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.inspector-empty>.empty-icon{margin-bottom:17px}.inspector-empty h3{color:var(--text);font-size:14px;font-weight:600}.inspector-empty>p{color:var(--text-muted);margin:10px 0 20px;font-size:12px;line-height:1.7}.tip{border:1px solid var(--border);background:var(--surface-muted);color:var(--text-muted);text-align:left;border-radius:8px;align-items:flex-start;gap:8px;padding:12px;font-size:12px;line-height:1.65;display:flex}.tip>svg{color:var(--accent-text);flex-shrink:0;margin-top:2px}.inspector-empty .tip{margin-bottom:24px}.field{color:var(--text);flex-direction:column;gap:8px;min-width:0;margin-bottom:19px;font-size:12px;font-weight:550;display:flex;position:relative}.field input:not([type=checkbox]),.field select,.field textarea{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:7px;width:100%;min-width:0;padding:10px 11px;font-size:13px;font-weight:400;line-height:1.5}.field input::placeholder,.field textarea::placeholder{color:var(--text-subtle);font-size:12px}.field .prompt-input{background:var(--surface-muted);font-family:SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.8}.field .help{color:var(--text-muted);font-size:11px}.field-meta{color:var(--text-subtle);font-size:10px;font-weight:400;position:absolute;top:0;right:0}.field-row{gap:12px;display:flex}.field-row>.field{flex:1}.form-section{border-top:1px solid var(--border);margin-top:22px;padding-top:18px}.form-section h3{color:var(--text);margin-bottom:16px;font-size:13px;font-weight:600}.form-section h3>span,.progressive-section>summary>span{color:var(--text-subtle);margin-left:6px;font-weight:400}.progressive-section>summary{color:var(--text);padding:0 0 6px;font-size:13px;font-weight:600;line-height:1.5}.progressive-section[open]>summary{margin-bottom:15px}.checkbox{color:var(--text-muted);align-items:center;gap:8px;margin:12px 0;font-size:12px;font-weight:400;line-height:1.5;display:flex}.checkbox input{accent-color:var(--accent-text);flex-shrink:0;width:15px;height:15px;margin:0}.checkbox>svg{color:var(--accent-text)}.skill-choice{align-items:flex-start;padding:4px 0}.skill-choice>span>strong{color:var(--text);font-size:12px;font-weight:550;display:block}.skill-choice>span>small{color:var(--text-muted);margin-top:3px;font-size:11px;line-height:1.65;display:block}.type-badge{color:var(--accent-text);align-items:center;gap:6px;margin-bottom:22px;font-size:11px;display:flex}.type-badge.tool{color:var(--tool)}.type-badge code{color:var(--text-subtle);margin-left:auto;font-size:10px}.inspector-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-top:24px;padding-top:20px;display:flex}.source-box{background:var(--surface-muted);border:1px solid var(--border);color:var(--text-muted);overflow-wrap:anywhere;border-radius:7px;padding:11px;font-size:12px;line-height:1.7}.source-box code{color:var(--text-muted);margin-top:8px;font-size:11px;display:block}.source-box small{color:var(--text-subtle);margin-top:5px;font-size:10px;display:block}.schema-box{border:1px solid var(--border);color:var(--text-muted);border-radius:7px;margin-top:20px;padding:11px;font-size:12px}.schema-box pre{margin-top:12px;font-size:11px}.execution-inspector .inspector-body>h3{color:var(--text);margin-top:20px;margin-bottom:13px;font-size:15px}.execution-legend{color:var(--text-muted);flex-direction:column;gap:13px;margin:22px 0 28px;font-size:12px;display:flex}.execution-legend>span{align-items:center;gap:8px;display:flex}.panel-backdrop{display:none}.execution-dock{flex:0 0 var(--test-dock-height,350px);height:var(--test-dock-height,350px);flex-direction:column;min-width:0;min-height:180px;max-height:calc(100% - 220px);display:flex;overflow:hidden}.test-dock-resizer{cursor:row-resize;touch-action:none;border-top:1px solid var(--border);background:var(--surface-muted);flex:0 0 9px}.test-dock-resizer:after{content:"";background:var(--border-strong);border-radius:999px;width:36px;height:3px;margin:3px auto;display:block}.test-person-controls{border:1px solid var(--border);background:var(--surface);border-bottom:0;border-radius:8px 8px 0 0;flex-shrink:0;align-items:center;gap:10px;padding:8px 12px;display:flex}.test-person-controls .user-select{border-left:0;flex:1;padding-left:0}.test-person-controls .user-select select{max-width:260px}.execution-panel{border-top:1px solid var(--border);background:var(--surface);flex:auto;min-width:0;min-height:0;display:flex}.execution-monitor{border-right:1px solid var(--border);flex-direction:column;flex:1.15;min-width:0;display:flex;overflow:hidden}.monitor-heading{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;min-height:47px;padding:0 14px;display:flex}.panel-tabs{align-self:stretch;align-items:center;gap:12px;min-height:47px;display:flex}.panel-tabs>button{color:var(--text-muted);background:0 0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:0 3px;font-size:12px;font-weight:500;display:flex}.panel-tabs>button.active{color:var(--accent-text);border-color:var(--accent)}.monitor-controls{align-items:center;gap:5px;min-width:0;display:flex}.monitor-controls select{border:1px solid var(--border);width:155px;min-width:0;max-width:100%;color:var(--text-muted);background:var(--surface);border-radius:6px;padding:7px;font-size:11px}.monitor-controls .button{min-height:31px;padding:6px 8px;font-size:11px}.monitor-controls .icon-button{width:29px;height:31px}.monitor-empty{flex:1;justify-content:center;align-items:center;gap:17px;min-height:0;padding:26px;display:flex}.monitor-empty .empty-icon{border-radius:13px;flex-shrink:0;width:47px;height:47px}.monitor-empty h3{color:var(--text);font-size:14px;font-weight:550}.monitor-empty p{color:var(--text-muted);max-width:310px;margin-top:8px;font-size:12px;line-height:1.7}.monitor-empty small{color:var(--text-subtle);max-width:310px;margin-top:9px;font-size:11px;line-height:1.65;display:block}.timeline-scroll{flex:1;min-height:0;padding:0 18px 14px;overflow:auto}.run-summary{color:var(--text-subtle);background:var(--surface);z-index:2;align-items:center;gap:10px;padding:14px 0 11px;font-size:11px;display:flex;position:sticky;top:0}.run-summary>strong{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:12px;font-weight:500;overflow:hidden}.run-events-count{white-space:nowrap;margin-left:auto;font-size:10px}.timeline{padding:0 0 0 5px}.event-item{border-left:1px solid var(--border);padding:0 0 0 17px;position:relative}.event-item>summary{cursor:pointer;align-items:center;gap:8px;padding:11px 0;list-style:none;display:flex}.event-item>summary::-webkit-details-marker{display:none}.event-point{color:var(--text-subtle);background:var(--surface);align-items:center;display:flex;position:absolute;top:14px;left:-7px}.event-item.completed .event-point{color:var(--accent-text)}.event-item.failed .event-point{color:var(--danger)}.event-text{flex-direction:column;gap:3px;min-width:0;display:flex}.event-text>strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.event-text>span{color:var(--text-subtle);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.event-time{color:var(--text-subtle);white-space:nowrap;align-items:center;gap:8px;margin-left:auto;font-size:10px;display:flex}.event-detail{color:var(--text-muted);padding:5px 0 12px;font-size:12px}.event-meta{color:var(--text-muted);flex-direction:column;gap:4px;margin-bottom:10px;font-size:11px;display:flex}.event-detail h4{color:var(--text);margin-bottom:6px;font-size:11px;font-weight:550}.event-detail>div:not(.event-meta){margin:10px 0}.event-detail pre{background:var(--surface-muted);border:1px solid var(--border);color:var(--text-muted);border-radius:6px;max-height:220px;padding:10px;font-size:11px;overflow:auto}.event-detail details>summary{cursor:pointer;color:var(--text-subtle);padding:5px 0;font-size:11px}.waiting-event{color:var(--accent-text);align-items:center;gap:7px;padding:12px 0;font-size:12px;display:flex}.run-result{color:var(--text-muted);flex:1;padding:19px 22px;overflow:auto}.result-label{color:var(--text-subtle);align-items:center;gap:7px;font-size:11px;font-weight:550;display:flex}.run-result>p{white-space:pre-wrap;color:var(--text);margin:9px 0 22px;font-size:13px;line-height:1.75}.run-result details{color:var(--text-muted);font-size:12px;line-height:1.8}.run-result details>summary{cursor:pointer;margin-bottom:9px}.run-result details code{font-size:11px}.routing-summary{border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--accent-text);border-radius:8px;align-items:flex-start;gap:10px;margin:0 0 13px;padding:12px;display:flex}.routing-summary>svg{flex-shrink:0;margin-top:3px}.routing-summary>div{min-width:0}.routing-summary strong{font-size:12px}.routing-summary p{color:var(--text);overflow-wrap:anywhere;margin:5px 0;font-size:12px;line-height:1.6}.routing-summary small{color:var(--text-muted);overflow-wrap:anywhere;font-size:11px;line-height:1.6;display:block}.routing-reason{color:var(--text-muted);margin-top:6px;font-size:11px;line-height:1.6}.routing-reason>summary{padding:3px 0}.routing-reason>p{margin-top:5px;font-size:11px}.routing-event-detail p{color:var(--text-muted);font-size:12px;line-height:1.65}.routing-event-detail small{color:var(--text-subtle);font-size:11px}.test-chat{flex-direction:column;flex:1;min-width:0;max-width:450px;display:flex}.chat-heading{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:47px;padding:10px 15px;display:flex}.chat-heading>span:first-child{color:var(--accent-text);align-items:center;gap:7px;display:flex}.chat-heading strong{color:var(--text);font-size:12px;font-weight:600}.chat-user{color:var(--text-muted);align-items:center;gap:6px;min-width:0;font-size:11px;display:flex}.chat-user>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-context{color:var(--text-subtle);flex-shrink:0;align-items:center;gap:6px;padding:8px 15px 2px;font-size:11px;line-height:1.6;display:flex}.chat-context .status-dot{width:5px;height:5px}.chat-messages{flex-direction:column;flex:1;gap:12px;min-height:0;padding:12px 14px;display:flex;overflow:auto}.chat-empty{text-align:center;color:var(--accent-text);margin:auto;padding:20px 6px}.chat-empty p{color:var(--text);margin-top:10px;font-size:13px}.chat-empty small{color:var(--text-muted);margin-top:7px;font-size:11px;line-height:1.65;display:block}.chat-bubble{background:var(--surface-muted);border:1px solid var(--border);max-width:94%;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:9px;align-self:flex-start;padding:10px 12px;font-size:12px;line-height:1.7}.chat-bubble.user{background:var(--accent-soft);border-color:var(--accent-border);color:var(--text);align-self:flex-end}.chat-bubble.error{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.bubble-label{letter-spacing:.3px;color:var(--text-muted);margin-bottom:4px;font-size:10px;font-weight:600;display:block}.error .bubble-label{color:var(--danger)}.chat-composer{border:1px solid var(--border-strong);background:var(--surface);border-radius:9px;flex-shrink:0;align-items:center;gap:6px;margin:0 12px;padding:6px 7px 6px 10px;display:flex}.chat-composer:focus-within{border-color:var(--focus);box-shadow:0 0 0 1px var(--focus)}.chat-composer textarea{resize:none;color:var(--text);background:0 0;border:0;outline:none;width:100%;min-width:0;min-height:29px;max-height:90px;padding:5px 0;font-size:12px;line-height:1.7}.chat-composer textarea::placeholder{color:var(--text-subtle);font-size:12px}.chat-composer textarea:focus{outline:0}.send-button{background:var(--accent);width:31px;height:31px;color:var(--accent-ink);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.send-button:hover:not(:disabled){background:var(--accent-hover)}.chat-footnote{color:var(--text-subtle);flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:8px 14px 10px;font-size:10px;display:flex}.retry-button{color:var(--danger);text-align:left;background:0 0;align-items:center;gap:5px;margin-top:8px;padding:4px 0;font-size:11px;display:flex}.inline-feedback{border:1px solid var(--border);color:var(--text-muted);background:var(--surface-muted);border-radius:7px;padding:10px 12px;font-size:12px;line-height:1.6}.test-person-controls+.inline-feedback{border-radius:0 0 8px 8px}.inline-feedback.error{color:var(--danger);background:var(--danger-soft);border-color:var(--danger-border)}.execution-monitor>.inline-feedback{margin:8px 12px}.modal-backdrop{background:var(--overlay);z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);box-shadow:var(--shadow-raised);border:1px solid var(--border);border-radius:16px;flex-direction:column;width:940px;max-width:100%;max-height:90dvh;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px 26px 20px;display:flex}.modal-header h2{color:var(--text);align-items:center;gap:9px;margin-top:6px;font-size:21px;display:flex}.modal-header h2>svg{color:var(--accent-text)}.modal-header p{color:var(--text-muted);margin-top:9px;font-size:12px;line-height:1.7}.modal-header>.icon-button{margin-top:2px}.modal-body{padding:24px 26px;overflow:auto}.modal-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;padding:17px 24px;display:flex}.modal-footer>span{color:var(--text-subtle);overflow-wrap:anywhere;font-size:11px}.modal-feedback{border-top:1px solid var(--border);flex-shrink:0;padding:12px 26px;font-size:12px;line-height:1.65}.modal-feedback.error{background:var(--danger-soft);color:var(--danger)}.modal-feedback.success{background:var(--accent-soft);color:var(--accent-text)}.mcp-layout{flex:1;min-height:0;display:flex;overflow:hidden}.server-list{width:53%;min-height:340px;max-height:62dvh;padding:23px;overflow:auto}.server-list .section-heading h3{color:var(--text);font-size:14px}.server-list .section-heading .button{font-size:12px}.server-form{background:var(--surface-muted);border-left:1px solid var(--border);flex-direction:column;flex:1;min-width:0;max-height:62dvh;padding:24px;display:flex;overflow:hidden}.server-form>h3{color:var(--text);margin-bottom:23px;font-size:15px;font-weight:600}.server-form-header{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;display:flex}.server-form-header h3{color:var(--text);font-size:15px;font-weight:600}.server-form-header .form-buttons{margin:0}.server-form-content{min-height:0;padding-top:20px;overflow:auto}.server-form .field,.server-form .field input,.server-form .field select,.server-form .field textarea{color:var(--text);font-size:12px}.optional{color:var(--text-subtle);font-size:10px;font-weight:400;position:absolute;top:0;right:0}.code-input{font-family:Consolas,monospace;font-size:12px!important}.secret-input{-webkit-text-security:disc}.form-buttons{flex-wrap:wrap;align-items:center;gap:10px;margin:23px 0;display:flex}.server-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;margin-bottom:14px;overflow:hidden}.server-card.selected{border-color:var(--accent-text)}.server-heading{justify-content:space-between;align-items:center;gap:10px;padding:14px 13px 8px;display:flex}.server-title{text-align:left;background:0 0;flex:1;align-items:center;gap:9px;min-width:0;padding:0;display:flex}.server-icon{background:var(--accent-soft);width:33px;height:33px;color:var(--accent-text);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.server-title strong{color:var(--text);overflow-wrap:anywhere;font-size:13px;font-weight:600}.server-title small{color:var(--text-muted);margin-top:4px;font-size:11px;display:block}.server-url{color:var(--text-subtle);overflow-wrap:anywhere;padding:0 16px 8px 55px;font-size:11px}.server-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px;padding:8px 13px 13px;display:flex}.credential-state{color:var(--text-subtle);align-items:center;gap:5px;font-size:10px;display:flex}.credential-state.present{color:var(--accent-text)}.server-actions .button{min-height:31px;padding:7px 8px;font-size:11px}.discovered-tools{border-top:1px solid var(--border);background:var(--surface-muted);padding:5px 13px 12px}.discovered-tools>.help{padding:12px 0}.discovered-tool{border-bottom:1px solid var(--border);color:var(--tool);padding:13px 0}.discovered-tool>div{align-items:center;gap:7px;display:flex}.discovered-tool>div>strong{overflow-wrap:anywhere;color:var(--text);flex:1;font-size:12px;font-weight:550}.discovered-tool .add-tool{color:var(--tool);background:var(--tool-soft);width:29px;height:29px}.discovered-tool p{color:var(--text-muted);margin:6px 0 8px;font-size:12px;line-height:1.7}.discovered-tool details{color:var(--text-subtle);font-size:11px}.discovered-tool summary{cursor:pointer;padding:4px 0}.discovered-tool pre{background:var(--surface);border:1px solid var(--border);border-radius:6px;max-height:170px;margin-top:7px;padding:10px;font-size:11px;overflow:auto}.discovery-time{color:var(--text-subtle);margin-top:12px;font-size:10px;display:block}.empty-state{text-align:center;color:var(--accent-text);flex-direction:column;align-items:center;gap:14px;margin:auto;padding:35px;display:flex}.empty-state h3{color:var(--text);font-size:15px;font-weight:550}.empty-state p{color:var(--text-muted);max-width:310px;font-size:12px;line-height:1.75}.empty-state.compact{gap:12px;padding:35px 15px}.empty-state.compact h3{font-size:14px}.skills-modal{width:840px}.skills-layout{flex:1;min-height:0;display:flex;overflow:hidden}.skills-list{background:var(--surface-muted);border-right:1px solid var(--border);flex-shrink:0;width:250px;max-height:62dvh;padding:22px 18px;overflow:auto}.skills-list>.button{justify-content:flex-start;width:100%;font-size:12px}.skills-list>.button>span{color:var(--text-subtle);margin-left:auto;font-size:10px}.skill-list-item{text-align:left;width:100%;color:var(--accent-text);background:0 0;border-radius:8px;align-items:center;gap:10px;margin-top:9px;padding:12px 10px;display:flex}.skill-list-item.selected{background:var(--accent-soft)}.skill-list-item strong{color:var(--text);font-size:12px;font-weight:550;display:block}.skill-list-item small{color:var(--text-muted);margin-top:5px;font-size:11px;display:block}.skill-form{flex:1;min-width:0;min-height:380px;max-height:62dvh;padding:24px 26px;overflow:auto}.skill-form .help{margin-bottom:22px;font-size:12px}.flow-modal{width:540px}.flow-modal .modal-header h2,.help-modal .modal-header h2{margin:0;font-size:20px}.flow-modal .modal-footer>span{max-width:310px;font-size:10px}.flow-modal .modal-body>.help{margin:0 0 23px}.help-modal{width:620px}.help-steps{flex-direction:column;gap:23px;margin:0;padding:0;list-style:none;display:flex}.help-steps>li{gap:14px;display:flex}.help-steps>li>span{background:var(--accent-soft);width:28px;height:28px;color:var(--accent-text);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.help-steps strong{color:var(--text);font-size:14px;font-weight:600}.help-steps p{color:var(--text-muted);margin-top:5px;font-size:13px;line-height:1.7}.help-modal .tip{margin-top:26px}.connection-overlay{background:var(--overlay-soft);z-index:70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:64px 0 0}.connection-card{text-align:center;background:var(--surface);border:1px solid var(--border);width:min(440px,100%);box-shadow:var(--shadow-raised);border-radius:17px;flex-direction:column;align-items:center;gap:21px;padding:36px;display:flex}.connection-card h2{color:var(--text);margin-top:4px;font-size:23px}.connection-card p{color:var(--text-muted);font-size:13px;line-height:1.75}.connection-card small{color:var(--text-subtle);font-size:11px;line-height:1.7}.connection-card>.spin{color:var(--accent-text)}.workspace-busy{z-index:65;background:var(--overlay-soft);cursor:progress;-webkit-backdrop-filter:blur(.6px);backdrop-filter:blur(.6px);justify-content:center;align-items:flex-start;padding-top:17px;display:flex;position:absolute;inset:0}.workspace-busy>span{background:var(--surface-raised);border:1px solid var(--border);color:var(--text-muted);box-shadow:var(--shadow);border-radius:8px;align-items:center;gap:7px;padding:10px 15px;font-size:12px;display:flex}@media (width>=1700px){.library{width:290px}.workflow-sidebar{width:310px}.inspector{width:370px}.execution-dock{flex-basis:var(--test-dock-height,350px)}.test-chat{max-width:490px}.studio-node{width:264px}.studio-node.tool{width:254px}.node-heading strong{font-size:14px}}@media (width<=1400px){.workspace-label,.header-divider{display:none}.app-header{gap:14px;padding:0 20px}.workspace-toolbar{gap:12px;padding-inline:18px}.toolbar-flow-name input{width:195px}.toolbar-flow-name{column-gap:4px}.flow-picker{padding-right:12px}.workflow-menu-trigger small{font-size:10px}.header-actions{gap:9px}.library{width:250px}.workflow-sidebar{width:270px}.inspector{width:310px}.has-inspector .canvas-tools>span,.has-inspector .breadcrumb{display:none}.has-inspector .canvas-toolbar{justify-content:flex-end}.has-inspector .monitor-heading{gap:4px;padding:0 10px}.has-inspector .monitor-controls select{width:120px}.has-inspector .monitor-controls .clear-monitor{gap:0;width:31px;padding:6px}.has-inspector .monitor-controls .clear-monitor span{display:none}.has-inspector .execution-dock{flex-basis:var(--test-dock-height,350px)}}@media (width<=1100px){.workspace-toolbar{gap:10px}.toolbar-flow-name{flex:1}.toolbar-flow-name input{width:185px}.toolbar-primary-actions{gap:7px}.toolbar-primary-actions .button{padding-inline:10px}.toolbar-flow-name .pill{font-size:10px}.flow-picker{border-right:0;padding-right:0}.flow-picker>.icon-button,.workflow-menu-trigger small{display:none}.workspace>.library{z-index:50;width:310px;max-width:calc(100% - 20px);box-shadow:var(--shadow-raised);display:none;position:absolute;inset:0 auto 0 0}.workspace.catalog-open>.library{display:flex}.workspace-navigation .catalog-close{display:inline-flex}.workspace>.inspector{z-index:50;width:360px;max-width:calc(100% - 20px);box-shadow:var(--shadow-raised);position:absolute;inset:0 0 0 auto}.panel-backdrop{z-index:45;background:var(--overlay);cursor:default;border-radius:0;width:100%;height:100%;display:block;position:absolute;inset:0}.canvas-tools>span{display:none}.canvas-toolbar{padding-inline:16px}.has-inspector .breadcrumb{display:flex}.has-inspector .canvas-toolbar{justify-content:space-between}.has-inspector .execution-dock{flex-basis:var(--test-dock-height,350px)}.has-inspector .monitor-controls select{width:155px}.has-inspector .monitor-controls .clear-monitor{gap:6px;width:auto;padding:6px 8px}.has-inspector .monitor-controls .clear-monitor span{display:inline}.test-chat{max-width:430px}}@media (width<=850px){.app-header{gap:12px;padding-inline:15px}.header-actions{gap:7px}.user-select{padding-left:10px}.user-select select{max-width:160px}.header-actions>.button{padding-inline:9px}.workspace-toolbar{flex-wrap:wrap;gap:9px;padding:11px 15px}.toolbar-flow-name{flex:1}.toolbar-flow-name input{width:200px;font-size:15px}.toolbar-primary-actions{justify-content:flex-end}.toolbar-primary-actions .button{font-size:12px}.toolbar-flow-name .draft-label,.toolbar-flow-name .pill{font-size:10px}.execution-dock,.has-inspector .execution-dock{flex-basis:var(--test-dock-height,350px)}.monitor-heading{padding:0 10px 8px}.panel-tabs{min-height:40px}.monitor-controls{width:100%}.monitor-controls select,.has-inspector .monitor-controls select{flex:1;width:auto}.monitor-empty{gap:12px;padding:20px}.monitor-empty .empty-icon,.monitor-empty small{display:none}.test-chat{max-width:380px}.canvas-caption{gap:4px;font-size:10px}.canvas-caption .caption-divider{display:none}.modal-backdrop{padding:15px}}@media (width<=640px){.app-shell{min-height:620px}.app-header{flex-wrap:wrap;gap:10px;height:auto;min-height:103px;padding:11px 13px}.brand{gap:8px}.brand strong{font-size:20px}.brand small{letter-spacing:1.2px;font-size:8px}.brand-mark{width:33px;height:33px}.header-actions{grid-template-columns:auto auto auto minmax(0,1fr);gap:7px;width:100%;margin:0;display:grid}.header-actions>.icon-button{position:absolute;top:13px;right:13px}.header-actions>.button{min-height:33px;padding:8px 9px;font-size:11px}.theme-toggle{min-height:33px;padding:7px 9px;font-size:11px}.user-select{justify-content:flex-end;gap:5px;padding-left:8px}.operator-profile{gap:5px}.operator-profile>.avatar,.operator-profile-details small{display:none}.operator-profile-details strong{max-width:92px}.user-select>.avatar{display:none}.user-select label{max-width:140px}.user-select label>span{font-size:9px}.user-select select{width:100%;max-width:135px;font-size:11px}.user-select>svg{width:10px}.workspace-toolbar{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-height:112px;padding:10px 12px;display:grid}.flow-picker{min-width:0;max-width:none}.workflow-menu-trigger{gap:5px}.workflow-menu-trigger>span{font-size:12px}.workflow-menu-trigger>svg:first-child{width:15px}.workflow-menu-trigger>svg:last-child{width:10px}.toolbar-flow-name{flex-wrap:nowrap;justify-content:flex-end;gap:3px}.toolbar-flow-name input{width:100%;min-width:0;padding:5px 3px;font-size:14px}.toolbar-flow-name>.icon-button{display:none}.toolbar-flow-name .draft-label{font-size:10px}.toolbar-flow-name .pill{display:none}.toolbar-primary-actions{grid-column:1/-1;justify-content:stretch;gap:6px;width:100%;margin:0;display:flex}.toolbar-primary-actions>.button{flex:1;gap:5px;min-width:0;min-height:42px;padding:8px 6px;font-size:11px}.toolbar-primary-actions>.button>span{white-space:normal;text-align:center}.toolbar-primary-actions>.button svg{width:13px}.workspace-actions{flex:none}.workspace-actions>summary{min-height:36px;padding:8px 7px;font-size:11px}.workspace-actions>summary svg{width:13px}.workspace-actions-menu{max-width:calc(100vw - 24px)}.notice{padding:7px 12px;font-size:11px}.workspace>.library{width:320px}.workspace>.inspector{width:360px}.canvas-toolbar{gap:7px;min-height:45px;padding:6px 10px}.breadcrumb,.has-inspector .breadcrumb{display:none}.canvas-toolbar,.has-inspector .canvas-toolbar{justify-content:flex-end}.canvas-tools{gap:6px}.canvas-tools .button{padding:7px 8px;font-size:11px}.canvas-wrap{min-height:230px}.canvas-caption{white-space:nowrap;max-width:calc(100% - 20px);padding:6px 7px;font-size:9px;top:10px;left:10px;overflow:hidden}.react-flow__minimap{width:90px!important;height:60px!important;right:8px!important}.react-flow__controls{left:9px!important}.collapsed-monitor{padding-inline:12px;font-size:11px}.execution-dock{z-index:20;background:var(--surface);min-height:0;position:absolute;inset:45px 0 0}.test-dock-resizer{display:none}.execution-panel,.has-inspector .execution-panel{flex-direction:column;flex:auto;display:flex;overflow:auto}.execution-monitor{border-right:0;border-bottom:1px solid var(--border);flex:0 0 230px;min-height:190px}.monitor-heading{padding:0 12px 8px}.monitor-controls{gap:5px}.monitor-controls .button{font-size:11px}.panel-tabs{min-height:39px}.panel-tabs>button{font-size:12px}.test-chat{flex:1 0 310px;max-width:none;min-height:290px}.chat-heading{min-height:43px;padding:9px 12px}.chat-messages{min-height:100px}.monitor-empty{padding:15px}.monitor-empty p{font-size:12px}.modal-backdrop{align-items:center;padding:10px}.modal{border-radius:12px;max-height:94dvh}.modal-header{gap:10px;padding:18px 17px}.modal-header h2{font-size:18px}.modal-body{padding:20px 17px}.modal-footer{gap:10px;padding:14px 17px}.modal-footer>span{font-size:10px}.mcp-layout,.skills-layout{display:block;overflow:auto}.server-list{width:100%;min-height:0;max-height:none;padding:18px 16px;overflow:visible}.server-form{border-left:0;border-top:1px solid var(--border);max-height:none;padding:20px 17px;overflow:visible}.server-form-content{overflow:visible}.skills-list{border-right:0;border-bottom:1px solid var(--border);width:100%;max-height:210px;padding:18px 16px}.skill-form{min-height:300px;max-height:none;padding:20px 17px;overflow:visible}.connection-overlay{padding:16px;inset:103px 0 0}.connection-card{padding:28px 22px}}@media (width>=641px) and (height<=650px){.canvas-wrap{min-height:120px}.execution-dock{flex-basis:var(--test-dock-height,350px);min-height:160px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}