/* AI Team workflow studio */
#page-aiteam{padding-bottom:28px}
.agent-studio{display:flex;flex-direction:column;gap:18px;min-height:calc(100dvh - 122px);color:var(--text)}
.agent-studio-topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.agent-studio-eyebrow{font:600 .66rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#8d8b98;margin-bottom:9px}
.agent-studio-topbar h1{font:700 1.8rem/1.1 var(--font-display);letter-spacing:-.045em;margin:0;color:#f7f7fa}
.agent-studio-topbar p{margin:8px 0 0;color:#888793;font-size:.82rem}
.agent-studio-actions{display:flex;gap:9px}
.agent-tool-button,.agent-hire-button{height:42px;padding:0 15px;border-radius:11px;display:inline-flex;align-items:center;gap:8px;font:600 .78rem var(--font-main);cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.agent-tool-button{border:1px solid #292931;background:#121218;color:#d7d6df}.agent-tool-button:hover{background:#191920;border-color:#3a3945}
.agent-hire-button{border:1px solid #a78bfa;background:#a78bfa;color:#0b0910;box-shadow:0 5px 18px rgba(139,92,246,.18)}.agent-hire-button:hover{background:#b8a3ff;transform:translateY(-1px)}
.agent-tool-button svg,.agent-hire-button svg{width:16px;height:16px}
.agent-studio-shell{display:grid;grid-template-columns:280px 1fr;min-height:650px;border:1px solid #24242c;border-radius:16px;overflow:visible;background:#0c0c11;box-shadow:0 18px 48px rgba(0,0,0,.22)}
.agent-brief-panel{padding:22px 20px;background:#101015;border-right:1px solid #24242c;display:flex;flex-direction:column;gap:15px;border-radius:16px 0 0 16px}
.agent-panel-heading{display:flex;align-items:flex-start;gap:11px}.agent-panel-heading>span{font:600 .62rem var(--font-mono);color:#706f7d;margin-top:3px}.agent-panel-heading div{display:flex;flex-direction:column;gap:3px}.agent-panel-heading strong{font-size:.82rem;color:#eeeef2}.agent-panel-heading small{font-size:.69rem;line-height:1.4;color:#73727e}.agent-panel-heading.compact{margin-top:1px}
#agentStudioBrief{width:100%;height:148px;resize:none;border:1px solid #2a2932;border-radius:12px;background:#15151b;color:#eeeef2;padding:13px 14px;font:400 .79rem/1.55 var(--font-main);outline:none;transition:border-color .18s,box-shadow .18s}#agentStudioBrief::placeholder{color:#64636d}#agentStudioBrief:focus{border-color:#6e5b9a;box-shadow:0 0 0 3px rgba(139,92,246,.08)}
.agent-brief-meta{display:flex;justify-content:space-between;gap:10px;font-size:.63rem;color:#74737e}.agent-brief-meta span{display:flex;align-items:center;gap:6px}.agent-brief-meta i,.agent-save-state i{width:6px;height:6px;border-radius:50%;background:#39d99a;box-shadow:0 0 8px rgba(57,217,154,.35)}
.agent-run-button{height:43px;border:0;border-radius:11px;background:#f2f2f4;color:#0d0d11;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font:700 .78rem var(--font-main);cursor:pointer;transition:background .18s,transform .18s}.agent-run-button:hover{background:#fff;transform:translateY(-1px)}.agent-run-button:disabled{opacity:.55;cursor:wait;transform:none}.agent-run-button svg{width:16px;height:16px}
.agent-panel-divider{height:1px;background:#24242c;margin:3px 0}
.agent-live-feed{display:flex;flex-direction:column;gap:9px;overflow-y:auto;overflow-x:hidden;max-height:230px;padding-right:3px;scrollbar-width:thin;scrollbar-color:#3a3945 transparent;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.agent-live-feed::-webkit-scrollbar{width:6px}.agent-live-feed::-webkit-scrollbar-track{background:transparent}.agent-live-feed::-webkit-scrollbar-thumb{background:#3a3945;border-radius:3px}.agent-feed-empty{padding:16px 0;font-size:.7rem;line-height:1.5;color:#5f5e68}.agent-feed-item{display:flex;gap:9px;align-items:flex-start;padding:10px;border:1px solid #25252d;border-radius:10px;background:#141419}.agent-feed-dot{width:7px;height:7px;border-radius:50%;background:#a78bfa;margin-top:4px;box-shadow:0 0 8px rgba(167,139,250,.5)}.agent-feed-item div{font-size:.68rem;color:#aaa9b3;line-height:1.4}.agent-feed-item strong{display:block;color:#ececf1;font-size:.7rem;margin-bottom:2px}
.agent-canvas-wrap{position:relative;min-width:0;display:grid;grid-template-rows:1fr 34px auto;background:#0a0a0e}
.agent-canvas{position:relative;overflow:hidden;min-height:615px;background-color:#0b0b0f;background-image:radial-gradient(circle,rgba(255,255,255,.105) 1px,transparent 1px);background-size:24px 24px;background-position:var(--canvas-pan-x,0) var(--canvas-pan-y,0);touch-action:none;cursor:grab}
.agent-canvas.is-panning{cursor:grabbing}
.agent-canvas:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 62% 42%,transparent 0,rgba(11,11,15,.07) 48%,rgba(11,11,15,.6) 100%)}
.agent-canvas-label{position:absolute;left:22px;top:19px;z-index:3;display:flex;flex-direction:column;gap:3px}.agent-canvas-label span{font:600 .7rem var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:#8c8b96}.agent-canvas-label small{font-size:.64rem;color:#565560}
.agent-canvas-toolbar{position:absolute;z-index:20;top:92px;right:22px;display:flex;align-items:center;gap:4px;padding:5px;border:1px solid #2a2932;border-radius:11px;background:rgba(18,18,24,.92);backdrop-filter:blur(12px);box-shadow:0 9px 28px rgba(0,0,0,.3)}.agent-canvas-toolbar button{width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#8e8d98;display:grid;place-items:center;cursor:pointer}.agent-canvas-toolbar button:hover,.agent-canvas-toolbar button.active{background:#282330;color:#fff}.agent-canvas-toolbar svg{width:16px;height:16px}.agent-canvas-toolbar>span{width:1px;height:20px;background:#2c2b33;margin:0 2px}
.agent-connectors{position:absolute;inset:0;width:100%;height:100%;z-index:3;overflow:visible;pointer-events:none}.agent-wire,.agent-wire-flow,.agent-wire-draft,.agent-wire-hit{fill:none;vector-effect:non-scaling-stroke}.agent-wire{stroke:#45434f;stroke-width:2}.agent-wire-flow{stroke:#a78bfa;stroke-width:2.5;opacity:0;filter:drop-shadow(0 0 6px #8b5cf6)}.agent-wire-flow.active{opacity:1;stroke-dasharray:8 12;animation:agent-flow .8s linear infinite}.agent-wire-draft{stroke:#b8a3ff;stroke-width:2;stroke-dasharray:6 7;filter:drop-shadow(0 0 5px rgba(167,139,250,.55))}.agent-wire-hit{stroke:transparent;stroke-width:16;pointer-events:stroke;cursor:pointer}.agent-wire-hit:hover{stroke:rgba(248,113,113,.18)}@keyframes agent-flow{to{stroke-dashoffset:-20}}
.agent-node-layer{position:absolute;inset:0;z-index:4}.agent-node{position:absolute;width:208px;min-height:112px;padding:15px;border:1px solid #302f38;border-radius:16px;background:rgba(20,20,26,.97);box-shadow:0 14px 32px rgba(0,0,0,.28);cursor:grab;user-select:none;transition:border-color .18s,box-shadow .18s,transform .12s}.agent-node:hover{border-color:#4a4755;box-shadow:0 18px 38px rgba(0,0,0,.36)}.agent-node.dragging{cursor:grabbing;transform:scale(1.015);z-index:9}.agent-node.working{border-color:#8b5cf6;box-shadow:0 0 0 1px rgba(167,139,250,.18),0 0 26px rgba(139,92,246,.25),0 18px 38px rgba(0,0,0,.4);animation:agent-working 1.45s ease-in-out infinite}@keyframes agent-working{50%{box-shadow:0 0 0 1px rgba(167,139,250,.35),0 0 40px rgba(139,92,246,.38),0 18px 38px rgba(0,0,0,.4)}}
.agent-node-top{display:flex;align-items:flex-start;gap:11px}.agent-node-avatar{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#25232d;border:1px solid #34313e;font-size:1rem}.agent-node-title{min-width:0;flex:1}.agent-node-title strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.78rem;color:#f1f1f4}.agent-node-title small{display:block;margin-top:3px;font-size:.63rem;color:#777681;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-node-status{margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;font:600 .55rem var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:#aaa9b3;background:#24242b}.agent-node-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#7b7a84}.agent-node-status.working{color:#0a0b0c;background:#a78bfa}.agent-node-status.working:before{background:#fff;animation:blink .8s ease infinite}.agent-node-status.ready:before{background:#39d99a}@keyframes blink{50%{opacity:.25}}
.agent-node-meta{margin-top:14px;padding-top:11px;border-top:1px solid #2a2931;display:flex;justify-content:space-between;align-items:center;font:500 .59rem var(--font-mono);color:#777681}.agent-node-edit{border:0;background:transparent;color:#9a98a4;padding:2px 0;font:600 .59rem var(--font-main);cursor:pointer}.agent-node-edit:hover{color:#fff}.agent-node.paused{opacity:.58}.agent-node-status.paused:before{background:#777681}
.agent-output-node{position:absolute;z-index:4;right:5%;top:43%;width:210px;min-height:86px;border:1px solid #514863;border-radius:14px;background:#18151e;padding:15px;display:flex;align-items:center;gap:11px;box-shadow:0 15px 34px rgba(0,0,0,.34),0 0 26px rgba(139,92,246,.08)}.agent-output-icon{width:36px;height:36px;border-radius:10px;background:#2a2237;color:#b8a3ff;display:grid;place-items:center}.agent-output-icon svg{width:17px;height:17px}.agent-output-node>div:nth-child(3){display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.agent-output-node strong{font-size:.78rem;color:#f4f3f7}.agent-output-node small{font-size:.62rem;color:#797680}
.agent-output-node.working{animation:agent-working 1.45s ease-in-out infinite;border-color:#a78bfa}
.agent-start-node{position:absolute;left:34px;top:45%;z-index:4;width:154px;min-height:76px;border:1px solid #365a4e;border-radius:14px;background:#121a17;padding:13px 15px;display:flex;align-items:center;gap:11px;box-shadow:0 14px 34px rgba(0,0,0,.32)}.agent-start-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(57,217,154,.12);color:#52e5ad}.agent-start-icon svg{width:17px;height:17px}.agent-start-node>div:nth-child(2){display:flex;flex-direction:column;gap:3px}.agent-start-node strong{font-size:.77rem;color:#f2f4f3}.agent-start-node small{font-size:.61rem;color:#759186}.agent-port{position:absolute;width:14px;height:14px;border:2px solid #8f8b9b;border-radius:50%;background:#15151b;box-shadow:0 0 0 4px #0b0b0f;cursor:crosshair;z-index:10;padding:0;transition:transform .15s,border-color .15s,background .15s}.agent-port:hover,.agent-port.connecting{transform:scale(1.2);border-color:#c4b5fd;background:#8b5cf6}.agent-port-in{left:-8px;top:calc(50% - 7px)}.agent-port-out{right:-8px;top:calc(50% - 7px)}.agent-start-node .agent-port-out{border-color:#52e5ad}.agent-output-node .agent-port-in{border-color:#b8a3ff}.agent-canvas.is-wiring .agent-port-in{box-shadow:0 0 0 4px #0b0b0f,0 0 14px rgba(167,139,250,.7)}
.agent-canvas-footer{display:flex;align-items:center;gap:18px;padding:0 14px;border-top:1px solid #222229;background:#101015;font-size:.59rem;color:#62616b}.agent-canvas-footer kbd{font:600 .55rem var(--font-mono);padding:2px 4px;border:1px solid #33323a;border-radius:4px;background:#19191f;color:#aaa9b3}.agent-save-state{margin-left:auto;display:flex;align-items:center;gap:6px;color:#777681}

/* Output Console */
.agent-output-console{border-top:1px solid #24242c;background:#0b0b0f;border-radius:0 0 16px 0;overflow:hidden;min-height:190px}
.agent-console-header{display:flex;align-items:center;gap:8px;padding:12px 18px;background:#101015;border-bottom:1px solid #24242c;font:600 .66rem var(--font-mono);color:#8c8b96;text-transform:uppercase;letter-spacing:.08em}
.agent-console-dot{width:6px;height:6px;border-radius:50%;background:#39d99a;box-shadow:0 0 6px rgba(57,217,154,.4)}
.agent-console-body{max-height:440px;overflow-y:auto;padding:22px 24px;font:400 .82rem/1.65 var(--font-main);color:#d2d1d9;scrollbar-width:thin;scrollbar-color:#3a3945 transparent;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.agent-console-body::-webkit-scrollbar{width:5px}
.agent-console-body::-webkit-scrollbar-track{background:transparent}
.agent-console-body::-webkit-scrollbar-thumb{background:#3a3945;border-radius:3px}
.agent-console-empty{color:#555560;font-style:italic}
.agent-console-line{padding:4px 0;border-bottom:1px solid rgba(255,255,255,.03)}
.agent-console-line .agent-console-tag{color:#a78bfa;font-weight:600;margin-right:6px}
.agent-console-line .agent-console-time{color:#555560;font-size:.62rem;margin-right:8px}
.agent-console-line .agent-console-text{color:#d0cfd8}
.agent-result-message{display:grid;grid-template-columns:36px minmax(0,1fr);gap:13px;align-items:flex-start;max-width:800px}.agent-result-avatar{width:34px;height:34px;border-radius:10px;border:1px solid #3a3348;background:#211b2c;color:#c4b5fd;display:grid;place-items:center;font:700 .61rem var(--font-mono)}.agent-result-copy>span{display:block;margin:1px 0 7px;color:#a78bfa;font:700 .6rem var(--font-mono);letter-spacing:.09em}.agent-result-copy>div{color:#e3e2e8;font-size:.82rem;line-height:1.7}.agent-copy-result{margin-top:14px;border:1px solid #2e2d36;background:#15151b;color:#aaa9b3;border-radius:8px;padding:7px 10px;font:600 .67rem var(--font-main);cursor:pointer}.agent-copy-result:hover{color:#fff;background:#1c1c23}
.agent-toast{position:fixed;z-index:100000;left:50%;bottom:28px;transform:translate(-50%,12px);opacity:0;border:1px solid #34323d;background:#17171d;color:#eeeef2;border-radius:10px;padding:10px 14px;box-shadow:0 16px 45px rgba(0,0,0,.5);font:600 .74rem var(--font-main);transition:.2s}.agent-toast.show{opacity:1;transform:translate(-50%,0)}

/* Refined hire flow */
.ai-team-hire-modal{background:rgba(5,5,8,.82)!important;backdrop-filter:blur(12px)!important}.ai-team-hire-panel{width:min(760px,calc(100vw - 40px))!important;max-height:calc(100dvh - 48px)!important;border-radius:16px!important;background:#101015!important;border:1px solid #2a2932!important;box-shadow:0 30px 100px rgba(0,0,0,.72)!important;overflow:hidden}.ai-team-hire-header{padding:18px 22px!important;background:#101015!important;border-bottom:1px solid #24242c!important;display:flex;align-items:center;justify-content:space-between}.ai-team-hire-header h3{font-size:1.02rem!important;margin:0}.ai-team-hire-close{width:34px!important;height:34px!important;border:0!important;background:#19191f!important;border-radius:9px;cursor:pointer;display:grid;place-items:center;color:#8f8e98}.ai-team-hire-close svg{width:16px;height:16px}.ai-team-hire-close:hover{background:#24242b;color:#fff}.ai-team-hire-body{display:grid;grid-template-columns:1fr 1fr;gap:15px 16px;padding:20px 22px!important;overflow-y:auto;max-height:calc(100dvh - 108px);scrollbar-width:thin;scrollbar-color:#3a3945 transparent;overscroll-behavior:contain}.ai-team-hire-body::-webkit-scrollbar{width:5px}.ai-team-hire-body::-webkit-scrollbar-track{background:transparent}.ai-team-hire-body::-webkit-scrollbar-thumb{background:#3a3945;border-radius:3px}.ai-team-hire-section{margin:0!important}.ai-team-hire-section:has(.ai-team-hire-preview),.ai-team-hire-section:has(#hireEmojiPicker),.ai-team-hire-section:has(#hireRespInput),.ai-team-hire-section:has(#aiTeamHireTemplates){grid-column:1/-1}.ai-team-hire-preview{background:#15151b!important;border:1px solid #292832!important;border-radius:12px;padding:13px!important;display:flex;align-items:center;gap:12px}.ai-team-hire-avatar{width:40px;height:40px;border-radius:10px;background:#24222c;border:1px solid #363340;display:grid;place-items:center;font-size:1.15rem;flex-shrink:0}.ai-team-hire-preview-name{font-size:.83rem;color:#f1f1f4;font-weight:650}.ai-team-hire-preview-role{font-size:.69rem;color:#777681;margin-top:2px}.ai-team-hire-label{font-size:.67rem!important;color:#96949f!important;margin-bottom:7px!important;font-weight:600}.ai-team-emoji-picker{display:flex!important;align-items:center!important;gap:4px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:7px!important;max-width:100%!important;background:#15151b!important;border:1px solid #292832!important;border-radius:11px!important;scrollbar-width:thin}.ai-team-emoji-picker button{flex:0 0 34px!important;width:34px!important;height:34px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;display:grid!important;place-items:center!important;font-size:1rem!important;cursor:pointer!important}.ai-team-emoji-picker button:hover{background:#202027!important}.ai-team-emoji-picker button.selected{background:#292234!important;border-color:#5d4b78!important}.ai-team-hire-body input,.ai-team-hire-body textarea,.ai-team-hire-body .custom-dropdown-trigger{width:100%!important;background:#17171d!important;border:1px solid #2d2c35!important;color:#f0eff3!important;border-radius:10px!important;padding:10px 12px!important;font-size:.79rem!important;box-sizing:border-box!important}.ai-team-hire-body input:focus,.ai-team-hire-body textarea:focus,.ai-team-hire-body .custom-dropdown-trigger:focus{border-color:#615376!important;outline:none!important;box-shadow:0 0 0 3px rgba(139,92,246,.07)!important}.ai-team-hire-body textarea{min-height:86px!important;resize:vertical}.ai-team-quick-actions{display:flex!important;gap:7px!important;overflow-x:auto!important;padding-bottom:3px}.ai-team-quick-btn{white-space:nowrap!important;border-radius:8px!important;background:#17171d!important;border-color:#2d2c35!important}.ai-team-hire-body>.btn-primary,.ai-team-hire-body>.btn-secondary{grid-column:1/-1;height:42px!important;border-radius:10px!important;font-size:.79rem!important}.ai-team-hire-body>.btn-primary{background:#a78bfa!important;color:#0b0910!important}.ai-team-hire-body>.btn-secondary{background:transparent!important;border:1px solid #3a2a31!important}

/* Skillset menu alignment and color */
#toneDropdown .custom-dropdown-item{display:flex!important;align-items:center!important;gap:10px!important;min-height:39px!important;padding:9px 13px!important;color:#fff!important;font-size:.78rem!important;font-weight:600!important}
#toneDropdown .custom-dropdown-item.selected{background:rgba(139,92,246,.15)!important;color:#fff!important}
#toneDropdown .skillset-option-icon{width:16px;height:16px;flex:0 0 16px;color:#fff!important;stroke:#fff!important}
#toneDropdown .skillset-manage-item{margin-top:4px!important;padding-top:10px!important;border-top:1px solid #292833!important;color:#fff!important;font-size:.78rem!important;font-weight:600!important}

@media(max-width:900px){.agent-studio-shell{grid-template-columns:1fr}.agent-brief-panel{border-right:0;border-bottom:1px solid #24242c}.agent-canvas{min-height:560px}.agent-studio-topbar{align-items:flex-start}.ai-team-hire-body{grid-template-columns:1fr!important}}
@media(max-width:620px){.agent-studio-topbar{flex-direction:column}.agent-studio-actions{width:100%}.agent-studio-actions button{flex:1;justify-content:center}.agent-output-node{right:20px;top:68%;width:190px}.agent-node{width:184px}.agent-canvas-footer span:nth-child(-n+2){display:none}}
@media(prefers-reduced-motion:reduce){.agent-node.working,.agent-output-node.working,.agent-connector-glow.active{animation:none!important}}

/* Workflow interaction refinements */
.agent-node-status.ready:before,.agent-output-node .agent-node-status.ready:before{background:#777681!important}
.agent-start-node{width:200px;min-height:86px;border-color:#34343d;background:#15151b;cursor:grab;user-select:none}
.agent-start-node.dragging,.agent-output-node.dragging{cursor:grabbing;z-index:9}
.agent-start-icon{width:36px;height:36px;flex:0 0 36px;background:#25252d!important;color:#fff!important}
.agent-start-icon svg,.agent-output-icon svg{color:#fff!important;stroke:#fff!important}
.agent-start-node>div:nth-child(2){min-width:0;gap:4px}
.agent-start-node small,.agent-output-node small{font-size:.6rem;line-height:1.35;color:#85848f;white-space:normal}
.agent-start-node .agent-port-out,.agent-output-node .agent-port-in{border-color:#8f8b9b}

/* Canvas and team-chat refinement */
.agent-studio-shell{grid-template-columns:310px minmax(0,1fr);overflow:hidden!important;border-radius:16px!important}
.agent-brief-panel{border-radius:15px 0 0 15px;min-height:0}
.agent-canvas-wrap{display:block;overflow:hidden;border-radius:0 15px 15px 0}
.agent-canvas{height:100%;min-height:650px;border-radius:0 15px 15px 0}
.agent-output-console{display:none!important}
.agent-live-feed{max-height:none;min-height:170px;flex:1;padding:2px 4px 6px 0;gap:10px}
.agent-feed-item{border:0;border-left:2px solid #35333e;border-radius:0;background:transparent;padding:7px 8px 7px 11px}
.agent-feed-dot{background:#777681;box-shadow:none}
.agent-team-answer{margin-top:3px;border:1px solid #302d39;border-radius:12px;background:#17161d;overflow:hidden}
.agent-team-answer-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #2a2831;color:#f2f1f5;font-size:.7rem;font-weight:700}
.agent-team-answer-head button{border:0;background:transparent;color:#8c8a95;font:600 .64rem var(--font-main);cursor:pointer}.agent-team-answer-head button:hover{color:#fff}
.agent-team-answer-copy{max-height:260px;overflow:auto;padding:12px;color:#c7c5ce;font-size:.7rem;line-height:1.58;scrollbar-width:thin;scrollbar-color:#3a3945 transparent}
.agent-port{width:17px;height:17px;border-width:2px;box-shadow:0 0 0 5px #0b0b0f;touch-action:none}
.agent-port-in{left:-10px;top:calc(50% - 8.5px)}.agent-port-out{right:-10px;top:calc(50% - 8.5px)}
.agent-port:hover,.agent-port.connecting{transform:scale(1.28);border-color:#fff;background:#8b5cf6;box-shadow:0 0 0 5px #0b0b0f,0 0 16px rgba(167,139,250,.5)}
.agent-canvas.is-wiring .agent-port-in,.agent-canvas.is-wiring .agent-port-out{border-color:#c4b5fd}
.agent-start-node,.agent-output-node{cursor:grab}.agent-start-node:active,.agent-output-node:active{cursor:grabbing}

/* Pannable workflow viewport */
.agent-node-layer,.agent-start-node,.agent-output-node{transform-origin:0 0;will-change:transform}
.agent-port.wire-target{transform:scale(1.38);border-color:#fff;background:#8b5cf6;box-shadow:0 0 0 6px #0b0b0f,0 0 20px rgba(167,139,250,.72)}
.agent-canvas.is-wiring{cursor:crosshair}