@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,600&family=Inter:wght@400;500&display=swap";.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.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 .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation: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:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.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:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;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:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.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.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@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}.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-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.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:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.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{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.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:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform: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:#3367d9;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%}.agent-node{background:var(--cream-dark);border:1px solid var(--cream-border);border-radius:var(--radius);padding:12px 16px;min-width:200px;box-shadow:var(--shadow);transition:border-color .15s,box-shadow .15s}.agent-node.selected{border-left:3px solid var(--gold);box-shadow:var(--shadow-md)}.agent-node.active{border-color:var(--green-subtle)}.agent-node.error{border-color:var(--red-subtle)}.agent-node.external{border-style:dashed}.agent-node-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.agent-node-letter{width:32px;height:32px;border-radius:var(--radius);background:var(--cream);border:1px solid var(--cream-border);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--ink);flex-shrink:0}.agent-node-letter.ext-letter{background:var(--gold-light);border-color:var(--gold)}.agent-node-info{flex:1;min-width:0}.agent-node-name{font-family:var(--font-display);font-weight:600;font-size:.95rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-node-badges{display:flex;align-items:center;gap:5px;flex-shrink:0}.agent-node-ext-badge{font-family:var(--font-body);font-size:8px;font-weight:500;letter-spacing:.1em;padding:1px 5px;border:1px solid var(--gold);border-radius:2px;color:var(--gold);background:#c4a96b1a}.agent-node-local-badge{font-family:var(--font-body);font-size:8px;font-weight:500;letter-spacing:.1em;padding:1px 5px;border:1px solid var(--green-subtle);border-radius:2px;color:var(--green-subtle);background:#5a8a6a1a}.agent-node-footer{padding-top:6px;border-top:1px solid var(--cream-border)}.agent-node-platform{font-family:var(--font-body);font-size:9px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);background:#c4a96b1a;border:1px solid rgba(196,169,107,.2);border-radius:2px;padding:1px 6px;display:inline-block}.agent-handle{width:8px;height:8px;background:var(--ink-muted);border:1px solid var(--cream-border)}.agent-handle:hover{background:var(--gold)}.room-edge-animated{animation:dash-flow 1.5s linear infinite}@keyframes dash-flow{to{stroke-dashoffset:-18}}.edge-badge{background:var(--cream-dark);border:1px solid var(--cream-border);border-radius:10px;padding:1px 7px;font-family:var(--font-body);font-size:11px;color:var(--ink-muted)}.edge-badge-source{background:var(--gold-light);border-color:var(--gold);color:var(--gold);font-size:9px;font-weight:500;letter-spacing:.1em}.edge-quick-panel{padding:12px 14px;min-width:220px;background:var(--cream);border:1px solid var(--cream-border)}.edge-quick-title{font-family:var(--font-display);font-size:.9rem;font-weight:600;color:var(--ink);margin-bottom:2px}.edge-quick-meta{margin-bottom:10px}.edge-quick-actions{display:flex;gap:6px}.info-source-node{background:#f2ecd8;border:1px dashed var(--cream-border);border-radius:var(--radius);padding:12px 16px;min-width:190px;box-shadow:var(--shadow);transition:border-color .15s,box-shadow .15s}.info-source-node.selected{border-color:var(--gold);border-style:dashed;border-left:3px solid var(--gold);box-shadow:var(--shadow-md)}.info-source-node.error{border-color:var(--red-subtle)}.info-source-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.info-source-icon{width:32px;height:32px;border-radius:var(--radius);background:var(--gold-light);border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;color:var(--gold);flex-shrink:0}.info-source-icon.pulsing{animation:source-pulse 2s ease-in-out infinite}@keyframes source-pulse{0%,to{box-shadow:0 0 #c4a96b4d}50%{box-shadow:0 0 0 4px #c4a96b00}}.info-source-info{flex:1;min-width:0}.info-source-name{font-family:var(--font-display);font-weight:600;font-size:.9rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-source-meta{padding-bottom:6px}.info-source-footer{display:flex;align-items:center;gap:6px;padding-top:6px;border-top:1px dashed var(--cream-border);font-size:11px;color:var(--ink-muted)}.info-source-status{text-transform:capitalize}.info-source-count{margin-left:auto;color:var(--gold)}.info-source-handle{width:8px;height:8px;background:var(--gold);border:1px solid var(--cream-border)}.info-source-handle:hover{background:var(--ink)}.message-feed{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.message-feed-loading,.message-feed-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px}.message-item{display:flex;gap:12px;padding:10px 12px;border-radius:var(--radius);transition:background .1s;border-left:3px solid transparent}.message-item:hover{background:var(--cream-dark)}.message-item.human{border-left-color:var(--gold);background:#e8d9b526}.message-item.flagged{border-left-color:var(--red-subtle);background:#c4504a0f}.message-avatar{flex-shrink:0}.message-avatar-letter{width:28px;height:28px;border-radius:var(--radius);background:var(--cream-dark);border:1px solid var(--cream-border);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;font-size:.85rem;color:var(--ink)}.message-item.human .message-avatar-letter{background:var(--gold-light);border-color:var(--gold)}.message-body{flex:1;min-width:0}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:3px}.message-sender{font-family:var(--font-display);font-weight:600;font-size:.9rem;color:var(--ink)}.message-platform-tag{font-family:var(--font-body);font-size:9px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);background:#c4a96b1a;border:1px solid rgba(196,169,107,.2);border-radius:2px;padding:1px 6px;white-space:nowrap}.message-time{font-size:11px;color:var(--ink-muted);margin-left:auto}.message-flag-btn{background:none;border:none;cursor:pointer;color:var(--ink-muted);padding:2px;display:flex;align-items:center;opacity:.4;transition:opacity .15s}.message-item:hover .message-flag-btn,.message-item.flagged .message-flag-btn{opacity:1}.message-content{font-family:var(--font-body);font-size:13px;color:var(--ink-light);line-height:1.5;white-space:pre-wrap;word-break:break-word}.message-flag-reason{margin-top:4px;font-size:11px;color:var(--red-subtle);font-style:italic}.message-item.source{border-left-color:var(--gold);background:#c4a96b0f;padding-left:18px}.message-summary-card{background:var(--cream-dark);border:1px solid var(--cream-border);border-radius:var(--radius);padding:8px 14px;margin:4px 0}.message-summary-divider{font-family:var(--font-body);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);text-align:center;margin-bottom:4px}.message-summary-text{font-family:var(--font-body);font-size:12px;color:var(--ink-light);line-height:1.5;text-align:center;font-style:italic}.source-avatar{background:var(--gold-light)!important;border-color:var(--gold)!important;color:var(--gold)!important;display:flex!important;align-items:center!important;justify-content:center!important}.intervention-console{border-top:1px solid var(--cream-border);background:var(--cream-dark);flex-shrink:0}.intervention-header{padding:8px 16px 0}.intervention-body{padding:8px 16px 12px}.intervention-name-row{margin-bottom:8px}.intervention-name-input{width:200px;padding:5px 10px;font-size:12px}.intervention-input-row{display:flex;gap:8px;align-items:flex-end}.intervention-textarea{flex:1;min-height:48px;max-height:120px;resize:vertical;font-size:13px}.intervention-send{display:flex;align-items:center;gap:6px;flex-shrink:0;height:36px}.intervention-note{margin-top:6px;font-size:11px;color:var(--ink-muted);font-style:italic}.room-slideover{position:absolute;top:0;right:0;width:380px;height:100%;z-index:100;display:flex;flex-direction:column;border-left:1px solid var(--cream-border);border-right:none;border-top:none;border-bottom:none;border-radius:0;box-shadow:-4px 0 20px #1a18141a;background:var(--cream);animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.slideover-header{padding:16px 16px 12px;border-bottom:1px solid var(--cream-border);display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0}.slideover-header-info{min-width:0;flex:1}.slideover-header-actions{display:flex;gap:4px;flex-shrink:0}.slideover-feed{flex:1;overflow-y:auto;display:flex;flex-direction:column}.slideover-intervention{border-top:1px solid var(--cream-border);flex-shrink:0}.icon-btn{width:28px;height:28px;border:1px solid var(--cream-border);background:transparent;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink-muted);transition:color .15s,background .15s}.icon-btn:hover{background:var(--cream-dark);color:var(--ink)}.upgrade-modal{max-width:420px;text-align:center;padding:32px;position:relative}.upgrade-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--ink-muted);cursor:pointer;padding:4px}.upgrade-close:hover{color:var(--ink)}.upgrade-icon{width:56px;height:56px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:#c4a96b1a;border:1px solid rgba(196,169,107,.25);border-radius:50%;color:var(--gold)}.upgrade-title{font-family:var(--font-display);font-size:1.3rem;font-weight:600;margin-bottom:12px}.upgrade-desc{font-size:13px;line-height:1.6;color:var(--ink-light);margin-bottom:24px}.upgrade-features{display:flex;flex-direction:column;gap:10px;margin-bottom:28px;padding:16px;background:var(--cream);border:1px solid var(--cream-border);border-radius:var(--radius)}.upgrade-feature{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink)}.upgrade-feature svg{color:var(--gold);flex-shrink:0}.upgrade-actions{display:flex;flex-direction:column;align-items:center;gap:10px}.upgrade-btn{display:inline-flex;align-items:center;gap:8px;width:100%;justify-content:center;text-decoration:none}.journey-trace{border-top:2px solid var(--gold);background:var(--cream-dark);display:flex;flex-direction:column;flex-shrink:0;max-height:340px;overflow:hidden}.journey-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid var(--cream-border);flex-shrink:0;gap:12px}.journey-header-left{display:flex;align-items:center;gap:8px;color:var(--ink-light)}.journey-title{font-family:var(--font-display);font-weight:700;font-size:.85rem;color:var(--ink)}.journey-scenario{font-size:11px;color:var(--ink-muted);background:var(--cream);border:1px solid var(--cream-border);border-radius:2px;padding:1px 8px}.journey-header-right{display:flex;align-items:center;gap:8px}.journey-timer{display:flex;align-items:baseline;gap:4px;font-family:var(--font-display)}.journey-timer-value{font-size:1.1rem;font-weight:700;color:var(--ink);min-width:48px;text-align:right;font-variant-numeric:tabular-nums}.journey-timer-value.running{color:var(--gold)}.journey-timer-label{font-size:10px;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em}.journey-collapse-btn{background:none;border:none;cursor:pointer;color:var(--ink-muted);padding:4px;display:flex;align-items:center;border-radius:2px;transition:color .1s}.journey-collapse-btn:hover{color:var(--ink)}.journey-steps{display:flex;align-items:flex-start;gap:0;padding:16px 20px;overflow-x:auto;overflow-y:hidden;flex:1;scroll-behavior:smooth}.journey-steps::-webkit-scrollbar{height:4px}.journey-steps::-webkit-scrollbar-thumb{background:var(--cream-border);border-radius:2px}.journey-step{display:flex;align-items:flex-start;flex-shrink:0;opacity:.25;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease;cursor:default}.journey-step.active{opacity:1;transform:translateY(0);cursor:pointer}.journey-step.current{opacity:1}.journey-connector{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:12px;width:48px;flex-shrink:0;position:relative}.journey-connector-line{width:100%;height:2px;background:var(--cream-border);transition:background .3s ease}.journey-connector.active .journey-connector-line{background:var(--gold)}.journey-connector-time{font-size:9px;color:var(--ink-muted);margin-top:2px;font-variant-numeric:tabular-nums}.journey-step-node{display:flex;flex-direction:column;align-items:center;width:130px;text-align:center}.journey-step.expanded .journey-step-node{width:220px}.journey-step-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--cream);border:2px solid var(--step-color, var(--cream-border));color:var(--step-color, var(--ink-muted));transition:all .3s ease;flex-shrink:0}.journey-step.active .journey-step-icon{background:var(--step-color);color:#fff;border-color:var(--step-color)}.journey-step-icon.pulse{animation:journeyPulse 1.5s ease-in-out infinite}@keyframes journeyPulse{0%,to{box-shadow:0 0 #c4a96b66}50%{box-shadow:0 0 0 8px #c4a96b00}}.journey-step-label{margin-top:6px;display:flex;flex-direction:column;align-items:center;gap:2px}.journey-step-agent{font-family:var(--font-display);font-weight:700;font-size:.75rem;color:var(--ink);white-space:nowrap}.journey-step-platform{font-size:9px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);background:#c4a96b1a;border:1px solid rgba(196,169,107,.2);border-radius:2px;padding:0 5px;white-space:nowrap}.journey-step-summary{margin-top:6px;font-size:10px;line-height:1.35;color:var(--ink-light);max-width:130px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.journey-step.expanded .journey-step-summary{max-width:220px;-webkit-line-clamp:unset}.journey-step-detail{margin-top:8px;padding:8px;background:var(--cream);border:1px solid var(--cream-border);border-radius:var(--radius);font-size:10px;line-height:1.5;color:var(--ink-light);text-align:left;max-width:220px;word-break:break-word}.journey-detail-indent{padding-left:10px;color:var(--ink-muted)}.journey-detail-warn{color:var(--gold);font-weight:600}.journey-complete{display:flex;align-items:center;gap:8px;padding:6px 16px;background:#c4a96b14;border-top:1px solid var(--gold);font-size:12px;color:var(--ink);font-family:var(--font-display);font-weight:600;flex-shrink:0}.journey-complete svg{color:var(--gold);flex-shrink:0}.journey-collapsed{border-top:2px solid var(--gold);background:var(--cream-dark);cursor:pointer;flex-shrink:0;transition:background .1s}.journey-collapsed:hover{background:var(--cream)}.journey-collapsed-inner{display:flex;align-items:center;gap:8px;padding:6px 16px;color:var(--ink-muted)}.journey-collapsed-title{font-family:var(--font-display);font-weight:600;font-size:.8rem;color:var(--ink)}.journey-collapsed-time{margin-left:auto;font-family:var(--font-display);font-weight:700;font-size:.85rem;color:var(--gold);font-variant-numeric:tabular-nums}.canvas-page{display:flex;flex-direction:column;height:100%}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--cream-border);gap:16px;flex-shrink:0;background:var(--cream)}.canvas-toolbar-left{display:flex;align-items:center}.canvas-toolbar-left h2{white-space:nowrap}.canvas-toolbar-right{display:flex;align-items:center;gap:8px}.canvas-toolbar-right .btn{display:flex;align-items:center;gap:5px}.canvas-body{flex:1;display:flex;overflow:hidden}.canvas-flow{flex:1;position:relative}.canvas-node-panel{width:300px;flex-shrink:0;border-left:1px solid var(--cream-border);overflow-y:auto;display:flex;flex-direction:column}.canvas-node-panel-header{display:flex;align-items:flex-start;justify-content:space-between;padding:16px;border-bottom:1px solid var(--cream-border)}.canvas-node-panel-header h3{font-size:1.1rem}.canvas-node-panel-status{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:13px;color:var(--ink-light);border-bottom:1px solid var(--cream-border)}.canvas-node-panel-platform{margin-left:auto;font-family:var(--font-body);font-size:9px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);background:#c4a96b1a;border:1px solid rgba(196,169,107,.2);border-radius:2px;padding:1px 6px}.canvas-node-panel-section{padding:12px 16px;border-bottom:1px solid var(--cream-border);font-size:13px;color:var(--ink-light)}.canvas-node-panel-connections{display:flex;flex-direction:column;gap:4px}.canvas-node-panel-conn{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius);background:var(--cream);border:1px solid var(--cream-border);font-size:12px}.canvas-node-panel-conn-name{flex:1;font-family:var(--font-display);font-weight:600;font-size:.85rem;color:var(--ink)}.canvas-node-panel-conn-open,.canvas-node-panel-conn-disconnect{background:none;border:none;cursor:pointer;padding:3px;display:flex;align-items:center;color:var(--ink-muted);border-radius:2px;transition:color .1s,background .1s}.canvas-node-panel-conn-open:hover{color:var(--gold);background:#c4a96b1a}.canvas-node-panel-conn-disconnect:hover{color:var(--red-subtle);background:#c4504a14}.canvas-node-panel-actions{padding:12px 16px;display:flex;flex-direction:column;gap:6px}.canvas-node-panel-actions .btn{display:flex;align-items:center;gap:6px;width:100%;justify-content:flex-start}.agent-picker-list{display:flex;flex-direction:column;gap:4px;margin-top:16px;max-height:400px;overflow-y:auto}.agent-picker-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:1px solid var(--cream-border);border-radius:var(--radius);cursor:pointer;text-align:left;transition:background .1s,border-color .1s;width:100%}.agent-picker-item:hover{background:var(--gold-light);border-color:var(--gold)}.agent-picker-letter{width:36px;height:36px;border-radius:var(--radius);background:var(--cream);border:1px solid var(--cream-border);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--ink);flex-shrink:0}.react-flow__controls-button{background:var(--cream-dark)!important;border:1px solid var(--cream-border)!important;border-radius:var(--radius)!important}.react-flow__controls-button:hover{background:var(--cream)!important}.react-flow__controls-button svg{fill:var(--ink-muted)!important}.canvas-escalation-banner{display:flex;align-items:center;gap:10px;padding:8px 20px;background:var(--gold-light);border-bottom:1px solid var(--gold);font-size:13px;color:var(--ink);flex-shrink:0}.canvas-escalation-banner svg{flex-shrink:0;color:var(--gold)}.canvas-escalation-link{background:none;border:none;cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:12px;color:var(--ink);text-decoration:underline;padding:0}.canvas-escalation-dismiss{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--ink-muted);padding:2px;display:flex;align-items:center}.canvas-escalation-dismiss:hover{color:var(--ink)}.source-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.source-type-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;background:var(--cream);border:1px solid var(--cream-border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s,background .15s;font-family:var(--font-body);font-size:12px;color:var(--ink-light)}.source-type-btn:hover{border-color:var(--gold);background:var(--gold-light)}.source-type-btn.active{border-color:var(--gold);background:var(--gold-light);color:var(--ink);font-weight:600}.source-type-btn svg{color:var(--ink-muted)}.source-type-btn.active svg{color:var(--gold)}.react-flow__minimap{background:var(--cream)!important;border:1px solid var(--cream-border)!important;border-radius:var(--radius)!important}.react-flow__minimap-mask{fill:var(--cream-dark)!important;opacity:.6}.room-panel{display:flex;flex-direction:column;height:100%;background:var(--cream)}.room-panel-header{padding:16px;border-bottom:1px solid var(--cream-border);display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-shrink:0}.room-panel-header-info{min-width:0}.room-panel-header-info h3{margin-bottom:4px}.room-panel-agents{display:flex;align-items:center;gap:4px}.room-panel-purpose{margin-top:4px;font-size:12px;color:var(--ink-muted)}.room-panel-header-actions{display:flex;gap:6px;flex-shrink:0}.room-panel-header-actions .btn{padding:4px 8px;display:flex;align-items:center}.roomfeed-page{display:flex;height:100%}.roomfeed-sidebar{width:320px;flex-shrink:0;border-right:1px solid var(--cream-border);display:flex;flex-direction:column;background:var(--cream)}.roomfeed-sidebar-header{padding:16px;border-bottom:1px solid var(--cream-border);flex-shrink:0}.roomfeed-sidebar-header h2{margin-bottom:12px}.roomfeed-wf-filter{display:flex;align-items:center;gap:6px;margin-bottom:10px;color:var(--ink-muted)}.roomfeed-wf-select{flex:1;font-family:var(--font-body);font-size:12px;padding:4px 8px;border:1px solid var(--cream-border);border-radius:var(--radius);background:var(--cream);color:var(--ink);cursor:pointer}.roomfeed-wf-select:focus{border-color:var(--gold)}.roomfeed-search{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--cream-border);border-radius:var(--radius);color:var(--ink-muted)}.roomfeed-search input{flex:1;font-size:13px}.roomfeed-escalations-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#c4504a14;border-bottom:1px solid var(--cream-border);font-size:12px;color:var(--red-subtle);flex-shrink:0}.roomfeed-list{flex:1;overflow-y:auto;padding:8px 0}.roomfeed-group{margin-bottom:4px}.roomfeed-group-name{padding:8px 16px 4px}.roomfeed-room-item{padding:10px 16px;cursor:pointer;border-left:3px solid transparent;transition:background .1s}.roomfeed-room-item:hover{background:var(--cream-dark)}.roomfeed-room-item.selected{background:var(--gold-light);border-left-color:var(--gold)}.roomfeed-room-agents{display:flex;align-items:center;gap:6px;margin-bottom:3px}.roomfeed-room-name{font-family:var(--font-display);font-weight:600;font-size:.9rem;color:var(--ink)}.roomfeed-room-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ink-muted)}.roomfeed-room-count{margin-left:auto}.roomfeed-room-time{color:var(--ink-muted)}.roomfeed-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.agent-card{padding:16px;display:flex;flex-direction:column;gap:12px}.agent-card-top{display:flex;align-items:center;gap:12px}.agent-card-letter{width:40px;height:40px;border-radius:var(--radius);background:var(--cream);border:1px solid var(--cream-border);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:1.2rem;color:var(--ink);flex-shrink:0}.agent-card-info{min-width:0}.agent-card-name{font-family:var(--font-display);font-weight:600;font-size:1.1rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-card-platform{font-family:var(--font-body);font-size:9px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);background:#c4a96b1a;border:1px solid rgba(196,169,107,.2);border-radius:2px;padding:2px 8px;white-space:nowrap;flex-shrink:0;margin-left:auto}.agent-card-meta{display:flex;flex-direction:column;gap:3px;font-size:13px;color:var(--ink-light)}.agent-card-row{display:flex;align-items:center;gap:6px}.agent-card-dot{width:3px;height:3px;border-radius:50%;background:var(--ink-muted)}.agent-card-desc{font-size:12px;color:var(--ink-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.agent-card-actions{display:flex;gap:8px;padding-top:4px;border-top:1px solid var(--cream-border)}.agent-card-actions .btn{display:flex;align-items:center;gap:4px}.agents-page{display:flex;flex-direction:column;height:100%}.agents-page .page-header .btn{display:flex;align-items:center;gap:5px}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.agent-form-modal{max-width:640px;max-height:90vh;overflow-y:auto}.agent-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.agent-templates{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--cream-border)}.agent-template-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.agent-template-btn{font-family:var(--font-body);font-size:11px;padding:4px 10px;border:1px solid var(--cream-border);border-radius:var(--radius);background:var(--cream);color:var(--ink-light);cursor:pointer;transition:border-color .1s,background .1s}.agent-template-btn:hover{border-color:var(--gold);background:var(--gold-light)}.agent-form-body{display:flex;flex-direction:column}.test-response{margin-top:16px;padding-top:12px;border-top:1px solid var(--cream-border)}.test-response-content{margin-top:8px;padding:12px;background:var(--cream);border:1px solid var(--cream-border);border-radius:var(--radius);font-size:13px;color:var(--ink-light);line-height:1.5;white-space:pre-wrap;max-height:300px;overflow-y:auto}.provider-grid{display:flex;flex-direction:column;gap:12px;margin-top:4px}.provider-group{display:flex;flex-direction:column;gap:6px}.provider-group-label{display:flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--ink-muted);text-transform:uppercase}.provider-group-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px}.provider-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;background:var(--cream);border:1px solid var(--cream-border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s,background .15s;text-align:left}.provider-btn:hover{border-color:var(--gold);background:#e8d9b533}.provider-btn.active{border-color:var(--gold);background:var(--gold-light)}.provider-btn-name{font-family:var(--font-display);font-weight:600;font-size:12px;color:var(--ink)}.provider-btn-desc{font-family:var(--font-body);font-size:10px;color:var(--ink-muted);line-height:1.3}.provider-btn.active .provider-btn-name{color:var(--ink)}.provider-btn.active .provider-btn-desc{color:var(--ink-light)}.ollama-model-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.ollama-model-btn{font-family:var(--font-body);font-size:11px;padding:3px 8px;border:1px solid var(--cream-border);border-radius:var(--radius);background:var(--cream);color:var(--ink-light);cursor:pointer;transition:border-color .1s,background .1s}.ollama-model-btn:hover{border-color:var(--gold);background:var(--gold-light)}.agents-grouped{display:flex;flex-direction:column;gap:32px}.agents-wf-section{display:flex;flex-direction:column;gap:14px}.agents-wf-header{display:flex;align-items:center;gap:10px;padding-bottom:8px;border-bottom:1px solid var(--cream-border)}.agents-wf-name{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--ink)}.agents-wf-name.unassigned{color:var(--ink-muted);font-style:italic}.agents-wf-count{font-family:var(--font-body);font-size:11px;color:var(--ink-muted);background:var(--cream-dark);padding:2px 8px;border-radius:10px}.audit-page{display:flex;flex-direction:column;height:100%}.audit-page .page-header .btn{display:flex;align-items:center;gap:5px}.audit-verify-badge{display:flex;align-items:center;gap:5px;font-family:var(--font-body);font-size:12px;padding:3px 10px;border-radius:var(--radius);border:1px solid}.audit-verify-badge.valid{color:var(--green-subtle);border-color:var(--green-subtle);background:#5a8a6a14}.audit-verify-badge.broken{color:var(--red-subtle);border-color:var(--red-subtle);background:#c4504a14}.audit-filters{display:flex;align-items:center;gap:12px;padding:12px 24px;border-bottom:1px solid var(--cream-border);flex-shrink:0}.audit-count{margin-left:auto}.audit-table-wrap{flex:1;overflow:auto;padding:0 24px}.audit-table{width:100%;border-collapse:collapse;font-size:13px}.audit-table th{font-family:var(--font-body);font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-muted);text-align:left;padding:10px 12px;border-bottom:1px solid var(--cream-border);position:sticky;top:0;background:var(--cream)}.audit-table td{padding:8px 12px;border-bottom:1px solid var(--cream-border);vertical-align:top;color:var(--ink-light)}.audit-table tr:hover td{background:var(--cream-dark)}.audit-empty{text-align:center;padding:40px 12px!important;color:var(--ink-muted)}.audit-time{white-space:nowrap;font-size:12px;color:var(--ink-muted)}.audit-event-badge{font-size:11px;padding:2px 8px;border-radius:var(--radius);white-space:nowrap}.audit-event-badge.default{background:var(--cream-dark);color:var(--ink-light)}.audit-event-badge.green{background:#5a8a6a1a;color:var(--green-subtle)}.audit-event-badge.red{background:#c4504a1a;color:var(--red-subtle)}.audit-event-badge.gold{background:#c4a96b26;color:var(--gold)}.audit-entity-id{font-family:monospace;font-size:11px;color:var(--ink-muted);margin-left:4px}.audit-data{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--ink-muted)}.audit-hash{font-family:monospace;font-size:11px;color:var(--ink-muted);cursor:help}.audit-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;border-top:1px solid var(--cream-border);flex-shrink:0}.settings-page{display:flex;flex-direction:column;height:100%}.settings-section{margin-bottom:32px;max-width:640px}.settings-section h3{margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--cream-border)}.settings-grid{display:flex;flex-direction:column;gap:16px}.settings-help{margin-top:4px;font-size:12px;color:var(--ink-muted);line-height:1.4}.approvals-page{display:flex;flex-direction:column;height:100%}.approval-list{display:flex;flex-direction:column;gap:12px;max-width:720px}.approval-card{padding:16px;transition:opacity .3s,transform .3s}.approval-card.approved{border-left:3px solid var(--green-subtle);opacity:.5}.approval-card.rejected{border-left:3px solid var(--red-subtle);opacity:.5}.approval-card-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.approval-icon{color:var(--gold);flex-shrink:0}.approval-card-meta{flex:1;display:flex;flex-direction:column;gap:2px}.approval-sender{font-family:var(--font-display);font-weight:600;font-size:.95rem;color:var(--ink)}.approval-room{font-size:11px;color:var(--ink-muted)}.approval-time{font-size:11px;color:var(--ink-muted);display:flex;align-items:center;gap:4px;flex-shrink:0}.approval-card-body{margin-bottom:12px}.approval-message{font-family:var(--font-body);font-size:13px;color:var(--ink-light);line-height:1.5;white-space:pre-wrap;background:var(--cream);border:1px solid var(--cream-border);border-radius:var(--radius);padding:10px 12px;max-height:120px;overflow-y:auto}.approval-card-actions{display:flex;gap:8px}.approval-card-actions .btn{display:flex;align-items:center;gap:5px}.approval-decide-form{display:flex;flex-direction:column;gap:8px}.approval-decide-form input{font-size:13px}.approval-decide-actions{display:flex;gap:8px}.approval-decide-actions .btn{display:flex;align-items:center;gap:5px}.approval-decided{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.approval-decided.approved{color:var(--green-subtle)}.approval-decided.rejected{color:var(--red-subtle)}.analytics-page{display:flex;flex-direction:column;height:100%}.analytics-stats-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:24px}.analytics-stat{padding:16px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.analytics-stat-icon{color:var(--gold);margin-bottom:4px}.analytics-stat-value{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--ink);line-height:1}.analytics-stat-label{margin-top:2px}.analytics-chart{padding:20px;margin-bottom:24px}.analytics-chart h4{margin-bottom:16px}.analytics-bar-chart{display:flex;align-items:flex-end;gap:4px;height:160px;border-bottom:1px solid var(--cream-border);padding-bottom:20px}.analytics-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}.analytics-bar-value{font-size:9px;color:var(--ink-muted)}.analytics-bar{width:100%;max-width:24px;min-height:2px;background:var(--gold);border-radius:2px 2px 0 0;transition:height .3s ease}.analytics-bar-label{font-size:9px;color:var(--ink-muted);position:absolute;bottom:0}.analytics-bar-col{position:relative;padding-bottom:16px}.analytics-bar-label{position:absolute;bottom:0}.analytics-section{margin-bottom:24px}.analytics-section h4{margin-bottom:12px}.analytics-table-wrap{overflow-x:auto}.analytics-table{width:100%;border-collapse:collapse;font-size:13px}.analytics-table th{font-family:var(--font-body);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);text-align:left;padding:10px 12px;border-bottom:1px solid var(--cream-border)}.analytics-table th.sortable{cursor:pointer}.analytics-table th.sortable:hover{color:var(--ink)}.analytics-table td{padding:8px 12px;border-bottom:1px solid var(--cream-border);color:var(--ink-light)}.analytics-table tr:hover td{background:#e8d9b51a}.analytics-room-name{font-family:var(--font-display);font-weight:600;color:var(--ink)}.analytics-agent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.analytics-agent-card{padding:14px}.analytics-agent-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.analytics-agent-name{font-family:var(--font-display);font-weight:600;font-size:.95rem;color:var(--ink)}.analytics-agent-stats{display:flex;gap:12px;margin-top:10px;padding-top:8px;border-top:1px solid var(--cream-border)}.analytics-agent-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.analytics-agent-stat-val{font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--ink)}.analytics-agent-error{margin-top:8px;font-size:11px;color:var(--red-subtle);display:flex;align-items:center;gap:4px}.waitlist-denied{display:flex;align-items:center;justify-content:center;gap:8px;height:100%;color:var(--ink-muted);font-size:14px}.waitlist-page h2{display:flex;align-items:center;gap:8px}.waitlist-count{font-family:var(--font-display);font-weight:700;font-size:.9rem;color:var(--gold)}.waitlist-table{width:100%;border-collapse:collapse;font-size:13px}.waitlist-table th{text-align:left;padding:8px 12px;font-family:var(--font-body);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);border-bottom:1px solid var(--cream-border)}.waitlist-table td{padding:10px 12px;border-bottom:1px solid var(--cream-border)}.waitlist-num{color:var(--ink-muted);width:40px}.waitlist-email{font-family:var(--font-display);font-weight:600;color:var(--ink)}.waitlist-org,.waitlist-team{color:var(--ink-light);font-size:12px;text-transform:capitalize}.waitlist-date{color:var(--ink-light);font-size:12px}.landing{min-height:100vh;background:var(--cream);overflow-x:hidden}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#f5f0e8eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--cream-border)}.landing-nav-inner{max-width:1100px;margin:0 auto;padding:16px 32px;display:flex;align-items:center;justify-content:space-between}.landing-logo{display:flex;align-items:baseline;gap:8px}.landing-logo-text{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--ink);letter-spacing:.05em}.landing-logo-sub{font-family:var(--font-body);font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--gold)}.landing-nav-links{display:flex;align-items:center;gap:24px}.landing-nav-links a{font-family:var(--font-body);font-size:13px;color:var(--ink-light);text-decoration:none;transition:color .15s}.landing-nav-links a:hover{color:var(--ink)}.landing-nav-links .btn{display:flex;align-items:center;gap:6px}.landing-hero{padding:140px 32px 80px;text-align:center}.landing-hero-inner{max-width:760px;margin:0 auto}.landing-hero-badge{display:inline-block;font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);background:#c4a96b1f;border:1px solid rgba(196,169,107,.25);padding:6px 16px;border-radius:20px;margin-bottom:28px}.landing-hero-title{font-family:var(--font-display);font-size:3.2rem;font-weight:700;line-height:1.15;color:var(--ink);margin-bottom:24px;letter-spacing:-.01em}.landing-hero-accent{color:var(--gold)}.landing-hero-desc{font-family:var(--font-body);font-size:16px;line-height:1.7;color:var(--ink-light);max-width:620px;margin:0 auto 36px}.landing-hero-actions{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:56px}.landing-hero-btn{display:flex;align-items:center;gap:8px;font-size:.85rem;padding:10px 24px;text-decoration:none}.landing-hero-stats{display:flex;align-items:center;justify-content:center;gap:32px}.landing-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.landing-stat-num{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--ink)}.landing-stat-label{font-family:var(--font-body);font-size:11px;color:var(--ink-muted);letter-spacing:.05em}.landing-stat-divider{width:1px;height:32px;background:var(--cream-border)}.landing-section-inner{max-width:1100px;margin:0 auto;padding:0 32px}.landing-section-header{text-align:center;margin-bottom:48px}.landing-section-header .label{display:block;margin-bottom:12px}.landing-section-header h2{font-size:2rem;margin-bottom:12px}.landing-section-header p{color:var(--ink-light);font-size:15px;line-height:1.6}.landing-how{padding:80px 0}.landing-steps{display:flex;align-items:flex-start;gap:0;max-width:900px;margin:0 auto}.landing-step{flex:1;text-align:center;padding:0 20px}.landing-step-num{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--gold);background:#c4a96b1a;border:2px solid var(--gold);border-radius:50%}.landing-step h3{font-family:var(--font-display);font-size:1.05rem;font-weight:600;margin-bottom:8px}.landing-step p{font-size:13px;line-height:1.6;color:var(--ink-light)}.landing-step-arrow{display:flex;align-items:center;padding-top:12px;color:var(--cream-border);flex-shrink:0}.landing-features{padding:80px 0;background:var(--cream-dark);border-top:1px solid var(--cream-border);border-bottom:1px solid var(--cream-border)}.landing-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.landing-feature-card{background:var(--cream);border:1px solid var(--cream-border);border-radius:var(--radius);padding:28px 24px;transition:border-color .2s,box-shadow .2s}.landing-feature-card:hover{border-color:var(--gold);box-shadow:0 4px 20px #c4a96b1a}.landing-feature-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#c4a96b1a;border:1px solid rgba(196,169,107,.2);border-radius:var(--radius);color:var(--gold);margin-bottom:16px}.landing-feature-card h3{font-family:var(--font-display);font-size:1.1rem;font-weight:600;margin-bottom:8px}.landing-feature-card p{font-size:13px;line-height:1.6;color:var(--ink-light)}.landing-usecases{padding:80px 0}.landing-usecase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.landing-usecase{padding:28px 24px;border:1px solid var(--cream-border);border-radius:var(--radius);background:var(--cream);transition:border-color .2s}.landing-usecase:hover{border-color:var(--gold)}.landing-usecase-tag{display:inline-block;font-family:var(--font-body);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);background:#c4a96b1a;border:1px solid rgba(196,169,107,.2);border-radius:2px;padding:2px 8px;margin-bottom:12px}.landing-usecase h3{font-family:var(--font-display);font-size:1.05rem;font-weight:600;margin-bottom:8px}.landing-usecase p{font-size:13px;line-height:1.6;color:var(--ink-light)}.landing-demo{padding:80px 0;background:var(--cream-dark);border-top:1px solid var(--cream-border);border-bottom:1px solid var(--cream-border)}.landing-video-container{max-width:800px;margin:0 auto}.landing-video-placeholder{aspect-ratio:16 / 9;background:var(--ink);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#f5f0e880;border:1px solid rgba(255,255,255,.06)}.landing-video-placeholder p{font-family:var(--font-display);font-size:1.1rem;font-weight:500;color:#f5f0e8b3}.landing-video-placeholder span{font-size:12px;color:#f5f0e859}.landing-demo-section{padding:80px 0 0}.landing-demo-wrap{max-width:900px;margin:0 auto;border-radius:12px;overflow:hidden;border:1px solid var(--cream-border);box-shadow:0 8px 32px #00000014}.landing-demo-video{width:100%;display:block;border-radius:12px}.landing-sandbox{padding:80px 0}.landing-sandbox-card{display:flex;align-items:center;gap:48px;background:var(--cream-dark);border:1px solid var(--cream-border);border-radius:var(--radius);padding:48px;box-shadow:var(--shadow)}.landing-sandbox-content{flex:1}.landing-sandbox-content .label{display:block;margin-bottom:8px}.landing-sandbox-content h2{margin-bottom:12px}.landing-sandbox-content p{font-size:14px;line-height:1.7;color:var(--ink-light);margin-bottom:24px}.landing-sandbox-content .btn{display:inline-flex;align-items:center;gap:8px}.landing-sandbox-visual{width:220px;height:180px;flex-shrink:0;position:relative}.landing-sandbox-nodes{position:relative;width:100%;height:100%}.landing-node{position:absolute;font-family:var(--font-body);font-size:10px;font-weight:500;letter-spacing:.08em;color:var(--ink);background:var(--cream);border:1px solid var(--cream-border);border-radius:var(--radius);padding:6px 12px;white-space:nowrap}.landing-node.n1{top:8px;left:20px;border-color:var(--gold);color:var(--gold)}.landing-node.n2{top:8px;right:20px}.landing-node.n3{top:50%;left:50%;transform:translate(-50%,-50%);border-color:var(--gold);background:#c4a96b14}.landing-node.n4{bottom:8px;left:10px}.landing-node.n5{bottom:8px;right:10px}.landing-node-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.landing-node-lines line{stroke:var(--cream-border);stroke-width:1;stroke-dasharray:4 3}.landing-download{padding:80px 0;background:var(--cream-dark);border-top:1px solid var(--cream-border)}.landing-waitlist-card{max-width:600px;margin:0 auto;background:var(--cream);border:1px solid var(--cream-border);border-radius:var(--radius);padding:36px 32px;box-shadow:var(--shadow)}.landing-waitlist-info{display:flex;flex-direction:column;gap:14px;margin-bottom:28px}.landing-waitlist-perk{display:flex;align-items:flex-start;gap:12px;color:var(--gold)}.landing-waitlist-perk div{display:flex;flex-direction:column;gap:2px}.landing-waitlist-perk strong{font-family:var(--font-display);font-size:.9rem;font-weight:600;color:var(--ink)}.landing-waitlist-perk span{font-size:12px;color:var(--ink-light)}.landing-waitlist-form{display:flex;flex-direction:column;gap:10px}.landing-waitlist-input-wrap{display:flex;align-items:center;gap:10px;background:var(--cream-dark);border:1px solid var(--cream-border);border-radius:var(--radius);padding:0 14px;transition:border-color .15s;color:var(--ink-muted)}.landing-waitlist-input-wrap:focus-within{border-color:var(--gold)}.landing-waitlist-input-wrap input{border:none;background:transparent;padding:12px 0;flex:1;font-size:14px;outline:none;font-family:var(--font-body);color:var(--ink)}.landing-waitlist-input-wrap input::placeholder{color:var(--ink-muted)}.landing-waitlist-selects{display:grid;grid-template-columns:1fr 1fr;gap:10px}.landing-waitlist-select-wrap{display:flex;align-items:center;gap:8px;background:var(--cream-dark);border:1px solid var(--cream-border);border-radius:var(--radius);padding:0 12px;color:var(--ink-muted);transition:border-color .15s}.landing-waitlist-select-wrap:focus-within{border-color:var(--gold)}.landing-waitlist-select-wrap select{border:none;background:transparent;padding:10px 0;flex:1;font-size:13px;font-family:var(--font-body);color:var(--ink);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.landing-waitlist-select-wrap select option{background:var(--cream)}.landing-waitlist-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:.85rem;width:100%;margin-top:4px}.landing-waitlist-error{font-size:12px;color:var(--red-subtle);text-align:center}.landing-waitlist-success{text-align:center;padding:20px 0;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--gold)}.landing-waitlist-success h3{font-family:var(--font-display);font-size:1.3rem;color:var(--ink)}.landing-waitlist-success p{font-size:14px;color:var(--ink-light)}.landing-footer{border-top:1px solid var(--cream-border);padding:32px 0}.landing-footer-inner{max-width:1100px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.landing-footer-logo{display:flex;align-items:baseline;gap:12px}@media (max-width: 768px){.landing-hero-title{font-size:2.2rem}.landing-hero-actions{flex-direction:column}.landing-steps{flex-direction:column;gap:24px}.landing-step-arrow{display:none}.landing-features-grid,.landing-usecase-grid{grid-template-columns:1fr}.landing-sandbox-card{flex-direction:column;padding:32px 24px}.landing-sandbox-visual{display:none}.landing-waitlist-selects{grid-template-columns:1fr}.landing-nav-links a:not(.btn){display:none}}.status-bar{grid-column:2;display:flex;align-items:center;justify-content:space-between;padding:6px 20px;background:var(--cream-dark);border-top:1px solid var(--cream-border);font-size:11px;color:var(--ink-light);font-family:var(--font-body);gap:16px;flex-shrink:0}.status-bar-left,.status-bar-right{display:flex;align-items:center;gap:10px}.status-bar-item{display:flex;align-items:center;gap:5px}.status-bar-clickable{cursor:pointer}.status-bar-clickable:hover{color:var(--ink)}.status-bar-divider{width:1px;height:12px;background:var(--cream-border)}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a181480;z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh}.search-panel{width:560px;max-height:70vh;background:var(--cream-dark);border:1px solid var(--cream-border);border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column}.search-input-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--cream-border)}.search-icon{color:var(--ink-muted);flex-shrink:0}.search-input{flex:1;border:none;background:transparent;font-family:var(--font-body);font-size:15px;color:var(--ink);outline:none;padding:0}.search-shortcut{flex-shrink:0;padding:2px 6px;border:1px solid var(--cream-border);border-radius:3px;font-size:9px}.search-results{overflow-y:auto;padding:8px 0}.search-group-label{padding:8px 16px 4px}.search-result-item{display:flex;align-items:flex-start;gap:10px;padding:8px 16px;cursor:pointer;transition:background .1s}.search-result-item:hover,.search-result-item.selected{background:#e8d9b54d}.search-result-icon{color:var(--ink-muted);flex-shrink:0;margin-top:2px}.search-result-body{flex:1;min-width:0}.search-result-text{font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-meta{font-size:11px;color:var(--ink-muted);margin-top:1px}.search-empty{padding:24px;text-align:center;color:var(--ink-muted);font-size:13px}.welcome-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:var(--cream);display:flex;align-items:center;justify-content:center}.welcome-card{max-width:480px;width:90%;text-align:center}.welcome-brand{margin-bottom:32px}.welcome-logo{font-family:var(--font-display);font-size:3.5rem;font-weight:700;color:var(--ink);letter-spacing:.08em;display:block}.welcome-sub{color:var(--gold);font-size:12px;display:block;margin-top:4px}.welcome-tagline{font-family:var(--font-display);font-size:1.15rem;color:var(--ink-light);line-height:1.5;margin-bottom:32px}.welcome-features{display:flex;flex-direction:column;gap:8px;margin-bottom:40px}.welcome-feature{font-family:var(--font-body);font-size:14px;color:var(--ink-muted)}.welcome-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.welcome-btn{width:280px;display:flex;align-items:center;justify-content:center;gap:8px}.welcome-usecase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:4px}.welcome-usecase-btn{font-family:var(--font-body);font-size:12px;padding:8px;border:1px solid var(--cream-border);border-radius:var(--radius);background:var(--cream-dark);color:var(--ink-light);cursor:pointer;transition:border-color .15s,background .15s}.welcome-usecase-btn:hover{border-color:var(--gold)}.welcome-usecase-btn.active{border-color:var(--gold);background:var(--gold-light);color:var(--ink);font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.notification-bell-wrap{position:relative}.notification-bell-btn{background:none;border:none;cursor:pointer;color:#f5f0e899;padding:6px;display:flex;align-items:center;position:relative;transition:color .15s}.notification-bell-btn:hover{color:var(--cream)}.notification-badge{position:absolute;top:0;right:0;background:var(--red-subtle);color:#fff;font-size:9px;font-weight:600;min-width:14px;height:14px;border-radius:7px;display:flex;align-items:center;justify-content:center;padding:0 3px}.notification-panel{position:absolute;top:100%;right:0;width:300px;max-height:360px;background:var(--cream-dark);border:1px solid var(--cream-border);border-radius:var(--radius);box-shadow:var(--shadow-md);z-index:100;overflow:hidden;display:flex;flex-direction:column}.notification-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--cream-border)}.notification-clear{background:none;border:none;font-size:11px;color:var(--ink-muted);cursor:pointer}.notification-clear:hover{color:var(--ink)}.notification-list{overflow-y:auto;flex:1}.notification-empty{padding:24px;text-align:center;color:var(--ink-muted);font-size:12px}.notification-item{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;cursor:pointer;transition:background .1s;border-bottom:1px solid var(--cream-border)}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#e8d9b533}.notification-item-icon{color:var(--gold);flex-shrink:0;margin-top:2px}.notification-item-body{flex:1;min-width:0}.notification-item-text{font-size:12px;color:var(--ink);display:block;line-height:1.3}.notification-item-time{font-size:10px;color:var(--ink-muted)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cream: #F5F0E8;--cream-dark: #EDE8DF;--cream-border: #D9D3C7;--ink: #1A1814;--ink-light: #4A4540;--ink-muted: #8A8278;--gold: #C4A96B;--gold-light: #E8D9B5;--red-subtle: #C4504A;--green-subtle: #5A8A6A;--blue-subtle: #4A6A8A;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Inter", system-ui, sans-serif;--radius: 4px;--shadow: 0 2px 8px rgba(26,24,20,.08);--shadow-md: 0 4px 16px rgba(26,24,20,.12)}html,body,#root{height:100%;background:var(--cream);color:var(--ink);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;color:var(--ink)}h1{font-size:2rem;font-weight:700}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1rem;font-weight:600}.label{font-family:var(--font-body);font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-muted)}.btn{font-family:var(--font-display);font-size:.9rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:8px 20px;border:1px solid var(--ink);background:transparent;color:var(--ink);border-radius:var(--radius);cursor:pointer;transition:background .15s,color .15s}.btn:hover{background:var(--ink);color:var(--cream)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:hover{background:transparent;color:var(--ink)}.btn-primary{background:var(--ink);color:var(--cream)}.btn-primary:hover{background:var(--ink-light)}.btn-gold{border-color:var(--gold);color:var(--gold)}.btn-gold:hover{background:var(--gold);color:var(--cream)}.btn-sm{font-size:.75rem;padding:5px 12px}.btn-danger{border-color:var(--red-subtle);color:var(--red-subtle)}.btn-danger:hover{background:var(--red-subtle);color:var(--cream)}.card{background:var(--cream-dark);border:1px solid var(--cream-border);border-radius:var(--radius);box-shadow:var(--shadow)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-dot.active{background:var(--green-subtle)}.status-dot.idle{background:var(--ink-muted)}.status-dot.error{background:var(--red-subtle)}.status-dot.paused{background:var(--gold)}.status-dot.disconnected{background:var(--red-subtle)}input,textarea,select{font-family:var(--font-body);font-size:14px;color:var(--ink);background:var(--cream);border:1px solid var(--cream-border);border-radius:var(--radius);padding:8px 12px;outline:none;transition:border-color .15s;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--gold)}textarea{resize:vertical;min-height:80px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--cream-border);border-radius:2px}.page-header{padding:20px 24px 16px;border-bottom:1px solid var(--cream-border);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.page-content{flex:1;overflow:auto;padding:24px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:4px}.form-row{display:flex;gap:16px}.form-row>*{flex:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a181466;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{width:90%;max-width:560px;max-height:80vh;overflow:auto;padding:24px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;color:var(--ink-muted);text-align:center;gap:12px}.empty-state h3{color:var(--ink-muted);font-weight:500}.app-shell{display:grid;grid-template-columns:200px 1fr;grid-template-rows:1fr auto;height:100vh;overflow:hidden}.sidebar{grid-row:1 / 3;background:var(--ink);color:var(--cream);display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.06)}.sidebar-header{padding:24px 20px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--cream);letter-spacing:.05em;display:block}.sidebar-sub{color:var(--gold);display:block;margin-top:2px}.sidebar-nav{flex:1;padding:16px 0;display:flex;flex-direction:column;gap:2px}.nav-item{font-family:var(--font-display);font-size:.95rem;font-weight:500;color:#f5f0e899;text-decoration:none;padding:10px 20px;transition:color .15s,background .15s;letter-spacing:.02em;display:flex;align-items:center;gap:10px}.nav-item:hover{color:var(--cream);background:#ffffff0a}.nav-item.active{color:var(--cream);background:#c4a96b26;border-left:3px solid var(--gold);padding-left:17px}.sidebar-footer{padding:16px 0;border-top:1px solid rgba(255,255,255,.06)}.nav-item-home{color:#f5f0e859;font-size:.85rem}.nav-item-home:hover{color:#f5f0e899}.main-area{overflow:hidden;display:flex;flex-direction:column}.nav-badge{margin-left:auto;background:var(--red-subtle);color:#fff;font-family:var(--font-body);font-size:9px;font-weight:600;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}
