.react-flow{direction:ltr;--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: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--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: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--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: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--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 rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.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: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--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: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--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: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--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 rgba(0, 0, 0, .08);--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{position:absolute;width:100%;height:100%;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{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.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;-moz-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:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.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:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;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%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;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{position:absolute;z-index:5;margin:15px}.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{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.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{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;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))}.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{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.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-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.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))}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}:root{color-scheme:light;font-family:Microsoft YaHei UI,Segoe UI,PingFang SC,sans-serif;background:#fff;color:#202123}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%}body{margin:0;background:#fff;overflow:hidden}button,textarea,input{font:inherit}button{cursor:pointer}.app-frame{display:grid;grid-template-columns:260px 10px minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:100vh;min-height:100vh;background:#fff;overflow:hidden}.app-frame--sidebar-collapsed{grid-template-columns:72px 0 minmax(0,1fr)}.app-sidebar{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:14px;min-width:0;padding:14px 10px;background:#f7f7f8;border-right:1px solid #ececf1}.app-sidebar--collapsed{grid-template-rows:auto minmax(0,1fr);justify-items:center;align-content:start;gap:18px;padding:14px 8px}.app-sidebar__top{display:flex;align-items:center;justify-content:space-between;gap:8px}.app-sidebar__brand{display:flex;align-items:center;gap:10px;min-width:0}.app-sidebar__logo,.app-sidebar__rail-logo{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#202123;color:#fff;font-size:.9rem;font-weight:700;flex-shrink:0}.app-sidebar__rail-logo{border:none}.app-sidebar__title{min-width:0;font-size:.94rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-icon-button,.app-sidebar__rail-item{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid transparent;border-radius:10px;background:transparent;color:#202123;transition:background-color .16s ease}.app-icon-button:hover,.app-sidebar__rail-item:hover,.app-sidebar__rail-logo:hover{background:#ececf1}.app-icon-button svg,.app-sidebar__action svg,.app-sidebar__rail-item svg,.app-sidebar__section-head svg,.app-session__delete svg{width:18px;height:18px}.app-sidebar__rail-nav{display:grid;gap:10px;align-content:start}.app-sidebar__actions{display:grid;gap:6px}.app-sidebar__action{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border:none;border-radius:12px;background:transparent;color:#202123;text-align:left}.app-sidebar__action:hover{background:#ececf1}.app-sidebar__action svg{flex-shrink:0}.app-sidebar__action span{font-size:.95rem;line-height:1.2}.app-sidebar__section{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;min-height:0}.app-sidebar__section-head{display:flex;align-items:center;gap:4px;color:#6e6e80}.app-sidebar__label{font-size:.84rem}.app-sidebar__sessions{display:grid;align-content:start;gap:6px;overflow:auto}.app-session{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:44px;padding:6px 8px 6px 10px;border-radius:14px;background:transparent}.app-session--active{background:#ececf1}.app-session__main{display:grid;gap:4px;padding:0;border:none;background:transparent;text-align:left;color:#202123}.app-session__main strong{font-size:.95rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-session__main span{color:#6e6e80;font-size:.8rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-session__delete{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:10px;background:transparent;color:#6e6e80}.app-session__delete:hover{background:#2021230f;color:#202123}.app-main{display:flex;min-width:0;min-height:0;width:100%;height:100%;overflow:hidden}.workspace-layout{display:grid;grid-template-columns:minmax(420px,720px) 10px minmax(420px,1fr);grid-template-rows:minmax(0,1fr);align-items:stretch;gap:0;min-width:0;width:100%;height:100%;min-height:0;overflow:hidden}.workspace-layout__main{display:grid;grid-template-rows:minmax(260px,1fr) 10px minmax(210px,.7fr);min-width:0;height:100%;min-height:0;overflow:hidden;border-left:1px solid #ececf1}.app-resizer,.workspace-resizer{position:relative;z-index:2;flex-shrink:0;-webkit-user-select:none;user-select:none;touch-action:none;background:transparent}.app-resizer:before,.workspace-resizer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#d6dae333,#d6dae3e6,#d6dae333);opacity:.9;transition:background-color .16s ease,opacity .16s ease}.app-resizer:hover:before,.workspace-resizer:hover:before{background:linear-gradient(180deg,#10a37f38,#10a37fd9,#10a37f38)}.app-resizer--sidebar,.workspace-resizer--vertical{width:10px;cursor:col-resize}.workspace-resizer--horizontal{height:10px;cursor:row-resize}.workspace-resizer--horizontal:before{background:linear-gradient(90deg,#d6dae333,#d6dae3e6,#d6dae333)}.workspace-resizer--horizontal:hover:before{background:linear-gradient(90deg,#10a37f38,#10a37fd9,#10a37f38)}.app-resizer--hidden,.workspace-resizer--hidden{width:0;height:0;overflow:hidden}body.layout-resizing{-webkit-user-select:none;user-select:none;cursor:default}.panel{display:flex;flex-direction:column;min-width:0;height:100%;min-height:0;overflow:hidden;background:#fff}.panel__header{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 24px;border-bottom:1px solid #ececf1}.panel__header h2{margin:0;font-size:.96rem;font-weight:600}.panel__header p{display:none}.panel__action{display:flex;align-items:center}.panel__body{flex:1;min-width:0;min-height:0;overflow:hidden;padding:0}.panel--dialogue{min-width:0;min-height:0}.panel--dialogue .panel__body{display:flex;flex-direction:column;min-width:0;min-height:0}.chat-surface{display:grid;grid-template-rows:minmax(0,1fr) auto;flex:1;min-width:0;height:100%;min-height:0;overflow:hidden}.chat-model-select{display:inline-flex;align-items:center;gap:6px;color:#4d4d5c;font-size:.88rem}.chat-model-select select{width:auto;height:24px;padding:0;border:none;background:transparent;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;flex:0 0 auto}.chat-model-select--inline{color:#6e6e80;gap:2px}.chat-model-select--inline svg{width:14px;height:14px;flex-shrink:0}.chat-model-select--inline select:disabled{color:#9a9aa6}.chat-feed{min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:24px 24px 18px}.chat-row{display:flex;align-items:flex-start;min-width:0;gap:12px;margin-bottom:18px}.chat-row--assistant{justify-content:flex-start}.chat-row--user{justify-content:flex-end}.chat-row__content{display:grid;gap:6px;min-width:0;width:min(720px,calc(100% - 48px));max-width:min(720px,calc(100% - 48px))}.chat-row__content--user{justify-items:end}.chat-row__actions{display:flex;justify-content:flex-end;width:100%}.chat-avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;flex-shrink:0}.chat-avatar svg{width:20px;height:20px}.chat-avatar--assistant{background:linear-gradient(135deg,#202123,#4d4d5c);color:#fff;box-shadow:0 10px 18px #20212324}.chat-avatar--user{background:linear-gradient(135deg,#d9f4df,#b7ecc5);color:#116149;box-shadow:0 10px 18px #10a37f1f}.chat-meta{display:inline-flex;align-items:center;gap:8px;color:#6e6e80;font-size:.82rem}.chat-meta--user{justify-content:flex-end}.chat-bubble{max-width:100%;overflow:hidden;line-height:1.75;border-radius:20px}.chat-bubble p{margin:0;white-space:pre-wrap}.chat-typing{display:inline-flex;align-items:center;gap:6px;min-height:24px}.chat-generating-banner{display:grid;gap:6px;width:100%;margin-top:2px;padding:12px 14px;border:1px solid #dbe5f2;border-radius:16px;background:linear-gradient(180deg,#f7fbff,#f3f8fd)}.chat-generating-banner__row{display:inline-flex;align-items:center;gap:10px}.chat-generating-banner__row strong{color:#1d4f91;font-size:.92rem;font-weight:700;letter-spacing:.01em}.chat-generating-banner>span{color:#66758a;font-size:.82rem;line-height:1.6}.chat-typing span{width:7px;height:7px;border-radius:50%;background:#8e8ea0;animation:chat-typing-bounce 1.1s infinite ease-in-out}.chat-typing span:nth-child(2){animation-delay:.15s}.chat-typing span:nth-child(3){animation-delay:.3s}.chat-bubble--assistant{padding:14px 18px;border:1px solid #ececf1;background:#fff;color:#202123;box-shadow:0 6px 18px #2021230a}.chat-bubble--user{padding:14px 18px;border-radius:22px;background:#d9f4df;color:#202123}.rich-message{min-width:0;max-width:100%;color:#202123;font-size:.95rem;line-height:1.8}.rich-message>:first-child{margin-top:0}.rich-message>:last-child{margin-bottom:0}.rich-message p,.rich-message ul,.rich-message ol,.rich-message blockquote,.rich-message hr,.rich-message .rich-message__table-wrap,.rich-message .rich-message__code-block{margin:0 0 1rem}.rich-message h1,.rich-message h2,.rich-message h3,.rich-message h4,.rich-message h5,.rich-message h6{margin:1.35rem 0 .75rem;color:#14171f;line-height:1.35;letter-spacing:-.02em}.rich-message h1{font-size:1.55rem}.rich-message h2{font-size:1.28rem}.rich-message h3{font-size:1.08rem}.rich-message ul,.rich-message ol{padding-left:1.35rem}.rich-message li+li{margin-top:.35rem}.rich-message blockquote{padding:.9rem 1rem;border-left:3px solid #c7d2e3;border-radius:0 14px 14px 0;background:linear-gradient(180deg,#f7f9fc,#f3f7fb);color:#44546a}.rich-message hr{height:1px;border:none;background:linear-gradient(90deg,#d6dae300,#d6dae3,#d6dae300)}.rich-message a{color:#1f5bd8;text-decoration:none;border-bottom:1px solid rgba(31,91,216,.22);transition:color .16s ease,border-color .16s ease}.rich-message a:hover{color:#163fa2;border-bottom-color:#163fa266}.rich-message strong{font-weight:700;color:#14171f}.rich-message del{color:#7b8190}.rich-message__inline-code{display:inline-block;padding:.12rem .42rem;border-radius:8px;background:#f3f5f8;color:#21314a;font-family:Cascadia Code,Consolas,monospace;font-size:.88em;line-height:1.4;border:1px solid #e5eaf1}.rich-message__code-block{max-width:100%;overflow:hidden;border:1px solid #d9e0ea;border-radius:18px;background:#111827;box-shadow:0 14px 32px #0f172a24}.rich-message__code-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:0 12px;background:linear-gradient(180deg,#1f2937,#18212e);border-bottom:1px solid rgba(255,255,255,.08)}.rich-message__code-actions{display:inline-flex;align-items:center;gap:8px}.rich-message__code-language{color:#c5d0df;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.rich-message__code-toggle{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff08;color:#bcc8d9;font-size:.76rem;font-weight:600;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.rich-message__code-toggle:hover{background:#ffffff14;border-color:#fff3;color:#e3ebf7}.rich-message__copy{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff0a;color:#d9e1ee;font-size:.76rem;font-weight:600;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.rich-message__copy:hover{background:#ffffff1a;border-color:#fff3}.rich-message__copy--done{color:#b7f3d9;border-color:#34d39966;background:#10b98124}.rich-message__copy svg{width:14px;height:14px}.rich-message__pre{position:relative;margin:0;overflow-x:auto;padding:16px 18px 18px;background:#111827}.rich-message__pre--collapsed{max-height:320px;overflow-y:hidden}.rich-message__pre code{display:block;min-width:fit-content;color:#e5edf7;font-family:Cascadia Code,Consolas,monospace;font-size:.84rem;line-height:1.7}.rich-message__code-fade{pointer-events:none;height:68px;margin-top:-68px;background:linear-gradient(180deg,#11182700,#111827eb 72%,#111827)}.rich-message__table-wrap{max-width:100%;overflow-x:auto;border:1px solid #e1e7ef;border-radius:16px;background:#fbfcfd}.rich-message table{width:100%;border-collapse:collapse;min-width:420px}.rich-message thead{background:linear-gradient(180deg,#f6f8fb,#eef2f7)}.rich-message th,.rich-message td{padding:.85rem .95rem;border-bottom:1px solid #e5eaf1;text-align:left;vertical-align:top;word-break:break-word}.rich-message th{color:#253041;font-size:.83rem;font-weight:700}.rich-message td{color:#4a5565;font-size:.88rem}.rich-message tbody tr:nth-child(2n) td{background:#f8fafc}.rich-message th:first-child,.rich-message td:first-child{position:sticky;left:0;z-index:1}.rich-message th:first-child{z-index:2;background:linear-gradient(180deg,#f6f8fb,#eef2f7);box-shadow:1px 0 #e5eaf1}.rich-message td:first-child{background:#fbfcfd;box-shadow:1px 0 #e5eaf1}.rich-message tbody tr:nth-child(2n) td:first-child{background:#f8fafc}.rich-message tbody tr:last-child td{border-bottom:none}.chat-composer{position:relative;z-index:1;flex-shrink:0;padding:0 24px 24px;background:linear-gradient(180deg,#fff0,#fff 18%)}.chat-composer__box{position:relative;max-width:100%;padding:14px;border:1px solid #d9d9e3;border-radius:28px;background:#fff;box-shadow:0 4px 20px #0000000a;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.chat-composer--dragover .chat-composer__box{border-color:#10a37f;background:#f6fffb;box-shadow:0 0 0 3px #10a37f14}.chat-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.chat-attachments--preview{gap:12px}.chat-attachment{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f4f4f4;color:#4d4d5c;font-size:.82rem}.chat-image-grid{display:flex;flex-wrap:wrap;gap:12px}.chat-image-grid--user{justify-content:flex-end}.chat-image-card{position:relative;display:grid;gap:8px;width:184px;padding:10px;border:1px solid #e5e7ef;border-radius:18px;background:#fff;box-shadow:0 8px 20px #2021230d}.chat-image-card--pending{background:#fbfbfc}.chat-image-card__image{width:100%;height:116px;object-fit:cover;border-radius:12px;background:#f3f4f6}.chat-image-card__name{color:#6e6e80;font-size:.78rem;line-height:1.4;word-break:break-all}.chat-file-card__icon{display:grid;place-items:center;width:100%;height:116px;border-radius:12px;background:linear-gradient(180deg,#f4f7fb,#eef3f9);color:#44546a}.chat-file-card__icon svg{width:26px;height:26px}.chat-file-card__download{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border:1px solid #d6dae3;border-radius:999px;color:#202123;text-decoration:none;font-size:.82rem;font-weight:600;background:#f8fafc}.chat-file-card__download:hover{background:#eef2f7}.chat-image-card__remove{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:50%;background:#202123c7;color:#fff;z-index:1}.chat-image-card__remove:hover{background:#202123eb}.chat-image-card__remove svg{width:14px;height:14px}.chat-message-action{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #e4e4eb;border-radius:999px;background:#fff;color:#6e6e80;box-shadow:0 6px 16px #2021230a;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.chat-message-action:hover:not(:disabled){border-color:#cfd2dc;background:#f7f7f8;color:#202123}.chat-message-action:disabled{opacity:.5;cursor:not-allowed}.chat-message-action svg{width:16px;height:16px}.chat-trace{display:grid;gap:8px;width:100%;min-width:0;margin-top:2px;padding:10px 12px;border:1px solid #ececf1;border-radius:16px;background:#fafbfc}.chat-trace__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;border:none;background:transparent;color:#3f4654;font-size:.82rem;font-weight:700;text-align:left}.chat-trace__chips{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px}.chat-trace__chip{display:inline-flex;align-items:center;max-width:100%;min-height:24px;padding:0 9px;border-radius:999px;background:#eef2f7;color:#536071;font-size:.74rem;font-weight:600;white-space:normal;overflow-wrap:anywhere;word-break:break-all}.chat-trace__body{display:grid;gap:8px}.chat-trace__entry{display:grid;gap:6px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #edf0f4}.chat-trace__entry--summary{align-items:start}.chat-trace__entry p{margin:0;color:#4d5565;font-size:.82rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all}.chat-trace__badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:22px;padding:0 8px;border-radius:999px;font-size:.7rem;font-weight:700}.chat-trace__badge--thinking{background:#eef2ff;color:#4856b8}.chat-trace__badge--tool{background:#e8f7f1;color:#157255}.chat-composer__input{width:100%;min-height:30px;max-height:220px;border:none;resize:none;overflow-y:hidden;outline:none;line-height:1.7;color:#202123;background:transparent}.chat-composer__input::placeholder{color:#8e8ea0}.chat-composer__footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px}.chat-composer__controls{display:flex;align-items:center;gap:12px;min-width:0}.chat-row--status{margin-top:-4px}.chat-row__content--status{margin-left:48px;width:min(720px,calc(100% - 48px));max-width:min(720px,calc(100% - 48px))}.chat-generating-banner--feed{margin-top:0}.chat-error{display:block;margin-bottom:10px;padding:0;border:none;background:transparent;color:#d84b6a;text-align:left}.chat-composer__submit{flex-shrink:0;min-width:64px;padding:8px 14px;border-radius:999px;border:1px solid #10a37f;background:#10a37f;color:#fff}.chat-composer__submit:disabled{border-color:#b7b7c7;background:#b7b7c7;cursor:not-allowed}.chat-composer__submit--cancel{border-color:#d84b6a;background:#d84b6a}@keyframes chat-typing-bounce{0%,80%,to{transform:translateY(0);opacity:.45}40%{transform:translateY(-3px);opacity:1}}.topology-panel{display:flex;flex-direction:column;min-width:0;height:100%;min-height:0}.topology-header-actions{display:inline-flex;align-items:center;gap:10px}.topology-action{min-height:32px;padding:0 12px;border:1px solid #202123;border-radius:999px;background:#202123;color:#fff;font-size:.82rem;font-weight:600}.topology-action:disabled{opacity:.5;cursor:not-allowed}.topology-action--ghost{border-color:#d6dae3;background:#fff;color:#4f5665}.topology-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 24px 0;color:#6e6e80;font-size:.84rem}.topology-toolbar span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#f7f7f8}.topology-status{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#f3f4f6;color:#6e6e80;font-size:.82rem;font-weight:500}.topology-status--parsed,.topology-status--ready{background:#e7f8ef;color:#1c7f52}.topology-status--warning{background:#fff4e5;color:#b26700}.topology-canvas{flex:1;min-width:0;height:100%;min-height:0;overflow:hidden;padding:18px 24px 24px;border-bottom:1px solid #ececf1;background:linear-gradient(180deg,#fff,#fbfcff)}.topology-canvas--flow{min-width:0;min-height:0;padding:16px}.topology-graphin{width:100%;height:100%;min-width:0;min-height:0;border:1px solid #ececf1;border-radius:22px;background:radial-gradient(circle at top,rgba(79,141,247,.04),transparent 34%),linear-gradient(180deg,#fff,#fbfcff);overflow:hidden}.topology-graphin>div{width:100%;height:100%;min-width:0;min-height:0}.topology-reactflow{width:100%;height:100%;min-width:0;min-height:0;background:transparent}.topology-reactflow .react-flow__renderer,.topology-reactflow .react-flow__pane,.topology-reactflow .react-flow__node-topology,.topology-reactflow .react-flow__node-bus{cursor:grab}.topology-reactflow .react-flow__node-topology.dragging,.topology-reactflow .react-flow__node-bus.dragging,.topology-reactflow .react-flow__pane.dragging{cursor:grabbing}.topology-reactflow .react-flow__node-parameter{cursor:default}.topology-reactflow .react-flow__edge-path{stroke-linecap:round}.topology-reactflow .react-flow__controls{box-shadow:0 10px 20px #0f172a1a}.topology-reactflow .react-flow__controls-button{width:32px;height:32px;border-bottom-color:#ececf1}.topology-flow-handle{width:10px;height:10px;border:none;background:transparent}.topology-flow-node,.topology-parameter-node{border-radius:22px}.topology-flow-node{position:relative;display:grid;justify-items:center;gap:8px;width:128px;min-height:148px;padding:8px 6px 0;background:transparent;overflow:visible}.topology-flow-node--device{width:128px}.topology-flow-node--bus{width:138px;min-height:158px}.topology-flow-node__circle{position:relative;display:grid;place-items:center;width:72px;height:72px;border-radius:999px;background:#8b93a4;color:#fff;box-shadow:0 12px 24px #0f172a29}.topology-flow-node--bus .topology-flow-node__circle{width:84px;height:84px}.topology-flow-node--tone-bus .topology-flow-node__circle{background:linear-gradient(180deg,#5d9cf0,#3b78cf)}.topology-flow-node--tone-source .topology-flow-node__circle{background:linear-gradient(180deg,#f6b437,#eb9312)}.topology-flow-node--tone-load .topology-flow-node__circle{background:linear-gradient(180deg,#f65,#e43d35)}.topology-flow-node--tone-storage .topology-flow-node__circle{background:linear-gradient(180deg,#1eb7ad,#118d85)}.topology-flow-node--tone-process .topology-flow-node__circle{background:linear-gradient(180deg,#8a79ff,#6252db)}.topology-flow-node--tone-neutral .topology-flow-node__circle{background:linear-gradient(180deg,#9ca3af,#707887)}.topology-flow-node--selected .topology-flow-node__circle{box-shadow:0 0 0 4px #20212324,0 12px 24px #0f172a2e}.topology-flow-node--blocking .topology-flow-node__circle{box-shadow:0 0 0 4px #d84b6a33,0 12px 24px #d84b6a33}.topology-flow-node--warning .topology-flow-node__circle{box-shadow:0 0 0 4px #e0a33a2e,0 12px 24px #e0a33a2e}.topology-flow-node__kind{color:#fff;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.topology-flow-node__label{width:100%;color:#202123;font-size:.9rem;line-height:1.35;text-align:center;word-break:break-word}.topology-flow-node__dirty{position:absolute;top:-4px;right:-4px;display:grid;place-items:center;width:20px;height:20px;border-radius:999px;background:#eef2ff;color:#4451b9;font-size:.66rem;font-weight:700}.topology-flow-node__hint{color:#7b8190;font-size:.76rem}.topology-flow-node__toggle{min-height:26px;padding:0 10px;border:1px solid #d6dae3;border-radius:999px;background:#fff;color:#374151;font-size:.74rem;font-weight:600;box-shadow:0 6px 12px #0f172a14}.topology-flow-node__profile{position:absolute;top:118px;left:50%;z-index:4;display:grid;gap:6px;width:168px;padding:10px 12px;border:1px solid #d6dae3;border-radius:14px;background:#fffffff5;box-shadow:0 14px 26px #0f172a1f;color:#596173;font-size:.78rem;transform:translate(-50%)}.topology-flow-node__profile select{min-height:32px;width:100%;border:1px solid #d6dae3;border-radius:12px;background:#fff;color:#202123;padding:0 10px}.topology-parameter-node{display:grid;gap:8px;width:208px;min-height:82px;padding:12px 14px;border:1px solid #cbd2df;background:#f6f8fb;box-shadow:0 12px 24px #0f172a14}.topology-parameter-node--dirty{border-color:#8893a8;box-shadow:0 0 0 2px #8d95a624,0 12px 24px #0f172a14}.topology-parameter-node__head{display:flex;align-items:start;justify-content:space-between;gap:8px}.topology-parameter-node__name{color:#404757;font-size:.86rem;font-weight:700}.topology-parameter-node__meta{color:#7b8190;font-size:.73rem;text-align:right}.topology-parameter-node__value{color:#596173;font-size:.88rem;line-height:1.45;word-break:break-all}.topology-parameter-node__input{min-height:34px;width:100%;border:1px solid #cbd2df;border-radius:12px;background:#fff;color:#202123;padding:0 10px}.topology-canvas--empty{display:grid;place-items:center;background-color:#fff}.topology-empty{display:grid;gap:8px;text-align:center;color:#6e6e80}.topology-empty strong{color:#202123;font-size:.98rem;font-weight:600}.result-panel{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;padding:16px 18px 18px;background:#f8fafc}.result-section{display:grid;grid-template-rows:auto minmax(0,1fr);flex:1;min-width:0;min-height:0;overflow:hidden;border:1px solid #ececf1;border-radius:16px;background:#fff}.result-section__head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:0 16px;border-bottom:1px solid #ececf1;background:#fbfcfe}.result-section__head strong{color:#303849;font-size:.84rem;font-weight:700;letter-spacing:.01em}.result-section__status{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:#e8f3ff;color:#1858b8;font-size:.76rem;font-weight:700;letter-spacing:.01em}.result-output-wrap{position:relative;min-width:0;min-height:0;height:100%}.result-output{height:100%;margin:0;overflow:auto;min-width:0;min-height:0;padding:16px 18px 18px;background:#fff;color:#202123;font-family:Cascadia Code,Consolas,monospace;font-size:.87rem;line-height:1.7;white-space:pre-wrap;word-break:break-word}.result-output--muted{filter:saturate(.72)}.result-output__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:10px;padding:24px;background:#ffffffd1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;color:#202123}.result-output__overlay strong{font-size:1rem;font-weight:700;color:#202123}.result-output__overlay span{max-width:320px;color:#5f6b7a;font-size:.86rem;line-height:1.65}.result-output__spinner{width:28px;height:28px;border:3px solid #d6e0ef;border-top-color:#1858b8;border-radius:50%;animation:result-spinner-rotate .9s linear infinite}@keyframes result-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1200px){.app-frame,.app-frame--sidebar-collapsed{grid-template-columns:220px 10px minmax(0,1fr)}.workspace-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.workspace-layout__main{border-left:none;border-top:1px solid #ececf1}.workspace-resizer--vertical{display:none}}@media (max-width: 820px){.app-frame,.app-frame--sidebar-collapsed{grid-template-columns:1fr}.app-sidebar,.app-sidebar--collapsed,.app-resizer--sidebar{display:none}.chat-feed,.chat-composer,.result-output{padding-left:18px;padding-right:18px}}