.theme-ai{--bg:#020b16;--surface:#07182b;--ink:#e9f2ff;--muted:#a6bddb;--accent:#72d8ff;--line:#1e425e;--button-ink:#041423;background:#020b16;color:#e9f2ff}.theme-ai .site-header{background:linear-gradient(#020a15ed,#051426bb);border-color:#35719066}.theme-ai .brand .monogram{color:#87d4ff}.theme-ai .nav-cta{background:transparent;border:1px solid #53b9ee;color:#8cddff!important;border-radius:5px;box-shadow:inset 0 0 10px #168bcb12,0 0 10px #168bcb13}
.ai-environment{position:relative;isolation:isolate;background:linear-gradient(180deg,#01091608 0%,#020b1666 25%,#020b1600 72%,#01060dbb 100%),url('/assets/ai-control-room.webp') center top/100% auto no-repeat;padding-bottom:4px}.ai-environment:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#02081215 0%,#02091200 13%,#020b1677 24%,#020b1655 66%,#020b1600 82%);pointer-events:none}.theme-ai .wrap{max-width:1280px;width:calc(100% - 48px)}
.ai-hero{height:294px;position:relative;padding-top:21px;display:flex;flex-direction:column;justify-content:space-between}.ai-hero-copy{margin-left:23%;max-width:670px;padding:0 0 0 2px;position:relative;z-index:1}.ai-hero-copy>.eyebrow{position:absolute;top:115px;left:2px;font-size:21px;font-weight:400;letter-spacing:.035em;text-transform:none;background:linear-gradient(90deg,#8fdfff,#a8adff);background-clip:text;color:transparent}.ai-hero h1{font-size:clamp(44px,4.7vw,64px);font-weight:700;line-height:1.015;letter-spacing:-.028em;margin:0 0 46px;background:linear-gradient(105deg,#6ad9f4 0%,#aab8ff 51%,#be9dfe 85%);background-clip:text;color:transparent}.ai-hero-copy>p{font-size:13px;line-height:1.55;margin:0;max-width:595px;color:#c6d6f4;text-shadow:0 2px 8px #000}.ai-side-note{position:absolute;left:3%;top:66px;font-size:9px;letter-spacing:.2em;line-height:1.7;color:#accdff;margin:0;text-shadow:0 2px 5px #000}.ai-side-note i{display:block;width:25px;height:1px;background:#76baff;margin-top:16px}.ai-hero-link{position:absolute;right:2%;top:110px;color:#90d7ff;font-size:9px;letter-spacing:.17em;line-height:1.7;text-shadow:0 2px 7px #000}.ai-hero-link .icon{display:block;width:23px;height:20px;margin-top:8px}.ai-capability-strip{margin-left:21.5%;display:flex;gap:15px;justify-content:space-between;padding:0 1% 17px 0;position:relative;z-index:1}.ai-capability-strip>span{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.6;color:#e0edff}.ai-capability-strip small{display:block;font-size:9px;color:#bfd1ed}.ai-capability-strip .icon{box-sizing:content-box;padding:7px;width:19px;height:19px;color:#6ad5ff;border:1px solid #4779bc;border-radius:8px;background:#051426c7;box-shadow:inset 0 0 12px #1b5dbe12}

/* The canvas stays spatial and editable at every screen size. */
.ai-control{position:relative;border:1px solid #326383;border-top-color:#64bef4;border-radius:22px 22px 10px 10px;background:#030d18f5;box-shadow:0 0 0 5px #01091188,0 0 24px #1696ff24,0 20px 60px #0008;overflow:hidden}
.ai-control:before{content:'';position:absolute;top:0;left:20%;width:58%;height:3px;background:linear-gradient(90deg,#895cff,transparent 20%,transparent 75%,#895cff)}
.board-anchor{position:absolute;top:-98px;pointer-events:none}
.ai-control :is(button,input,select,textarea){font-family:inherit}.ai-control button{cursor:pointer}.ai-control button:disabled{opacity:.4;cursor:not-allowed}.ai-control :is(button,input,select,textarea):focus-visible{outline:2px solid #a8e5ff;outline-offset:3px}.ai-control [hidden]{display:none!important}.ai-control .icon{flex-shrink:0}
.control-top{padding:20px 22px 18px;display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid #1c4863;background:linear-gradient(180deg,#0c1e30b3,#020b15d9)}
.control-brand{display:flex;gap:13px;align-items:center;min-width:0}.control-logo{display:grid;place-items:center;width:42px;height:42px;border:1px solid #4676b5;background:linear-gradient(145deg,#153556,#0a182e);border-radius:12px 4px;color:#79d7ff;flex-shrink:0;box-shadow:inset 0 0 14px #55abfa18}.control-logo .icon{width:25px;height:25px}.control-brand h2{font-size:21px;line-height:1.15;letter-spacing:-.03em;margin:0;color:#eef7ff}.control-brand p{font-size:11px;color:#91b4d8;margin:5px 0 0}
.control-actions{display:flex;gap:18px;align-items:center}.control-actions .demo-label{font-size:10px;color:#a1bed9;white-space:nowrap}.control-actions .demo-note{display:none}.control-actions .demo-label i{width:5px;height:5px;background:#59ddb7;box-shadow:0 0 8px #59ddb744}.control-actions .small-button{display:flex;align-items:center;gap:8px;min-height:38px;font-size:12px}.control-actions .icon{width:15px;height:15px}
.control-toolbar{display:flex;align-items:center;gap:20px;padding:12px 17px;border-bottom:1px solid #20435a;background:#051320}.workflow-preset-label{display:flex;align-items:center;gap:10px;flex-shrink:0}.workflow-preset-label>span{font-size:10px;color:#98b4ce}.workflow-preset-label select{background:#0d2338;color:#e3efff;border:1px solid #36556f;border-radius:5px;min-height:35px;padding:7px 29px 7px 10px;font-size:12px;max-width:205px}.board-toolbar-actions{display:flex;align-items:center;gap:4px}
.board-tool{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 9px;border:1px solid transparent;background:transparent;color:#b4cce2;font-size:10px;line-height:1.2;min-height:35px;white-space:nowrap;border-radius:4px;transition:background .15s,border-color .15s,color .15s}.board-tool>.icon{width:14px;height:14px}.board-tool>span:first-child:not(:last-child){font-size:21px;line-height:.7}.board-tool:hover,.board-tool[aria-pressed=true]{color:#e3f8ff;background:#16364a;border-color:#316980}.focus-tool{margin-left:auto;color:#9bd5eb;border-color:#22485e}
.control-grid{display:grid;grid-template-columns:205px minmax(0,1fr) 267px;min-height:730px}.module-library,.ai-inspector{min-width:0;background:linear-gradient(140deg,#081a29,#04111e);position:relative;display:flex;flex-direction:column}.module-library{border-right:1px solid #254258}.ai-inspector{border-left:1px solid #254258}
.library-heading,.inspector-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:79px;padding:15px 13px 13px;border-bottom:1px solid #1a364b}.panel-eyebrow{display:block;color:#79a6c7;font:8px/1.6 'IBM Plex Mono',monospace;letter-spacing:.12em}.library-heading h3,.inspector-heading h3{color:#d9efff;font-size:13px;font-weight:500;margin:3px 0 0}.panel-toggle{width:28px;height:28px;display:grid;place-items:center;border:1px solid #224258;background:#0a2132;color:#90b6d2;border-radius:4px;flex-shrink:0}.panel-toggle>.icon{width:14px;height:14px}.panel-toggle:hover{border-color:#58bad6;color:#d9f6ff}
.library-content{padding:11px 9px;display:flex;flex-direction:column;min-height:0;flex:1}.library-search{display:flex;align-items:center;gap:6px;padding:8px;border:1px solid #27465c;border-radius:5px;background:#02101d}.library-search .icon{width:13px;height:13px;color:#6e9fbf}.library-search input{min-width:0;width:100%;font-size:10px;color:#d9e9ff;background:transparent;border:0;padding:0;outline:none}.library-search input::placeholder{color:#7996b2}
.library-tabs{display:flex;gap:3px;margin:11px 0 9px;padding-bottom:8px;border-bottom:1px solid #20394e}.library-tabs button{flex:1;font-size:10px;line-height:1.2;padding:7px 3px;border:1px solid transparent;border-radius:3px;background:none;color:#8daec9}.library-tabs button[aria-pressed=true]{background:#16334c;border-color:#315676;color:#ceecff;box-shadow:0 1px #71c8fd}.node-library{display:flex;flex-direction:column;gap:6px;max-height:524px;overflow-y:auto;padding:1px 3px 3px 0;scrollbar-width:thin;scrollbar-color:#285775 #071727}
.library-item{display:flex;align-items:center;gap:9px;width:100%;min-height:62px;padding:9px 7px;border:1px solid #203d55;border-radius:6px;background:linear-gradient(105deg,#102a40,#071623);color:#e0edff;text-align:left;transition:border-color .15s,background .15s;position:relative}.library-item:hover{border-color:#61bee2;background:linear-gradient(105deg,#183a55,#0c2030)}.library-item:active{transform:translateY(1px)}.library-item>span:not(.tool-symbol){min-width:0}.library-item strong{font-size:11px;line-height:1.3;font-weight:500;display:block}.library-item small{font-size:9px;line-height:1.4;margin-top:3px;display:block;color:#8eaec9}.library-item .library-add,.library-item>.icon:last-child{margin-left:auto;flex-shrink:0;width:11px;height:11px;color:#80c6e6}
.tool-symbol{display:grid;place-items:center;width:30px;height:33px;flex-shrink:0;border-radius:7px 3px;background:linear-gradient(135deg,#2383d6,#155499);box-shadow:inset 0 1px 2px #8dd9ff66,0 0 9px #3b95ff16;color:#effbff}.tool-symbol .icon{width:18px;height:18px}.tool-symbol.violet{background:linear-gradient(135deg,#9450e2,#44358f)}.tool-symbol.green{background:linear-gradient(135deg,#239d77,#155742)}.tool-symbol.amber{background:linear-gradient(135deg,#d69735,#8e551c)}.tool-symbol.cyan{background:linear-gradient(135deg,#26a7bd,#12677f)}.tool-symbol.rose{background:linear-gradient(135deg,#d46085,#782c56)}.tool-symbol.orange{background:linear-gradient(135deg,#dd8548,#923e2b)}.library-instruction{font-size:9px;line-height:1.7;color:#81a2bd;margin:12px 4px 0}.library-empty{color:#87a6bf;font-size:11px;line-height:1.6;padding:16px 7px}
.workflow-area{min-width:0;display:flex;flex-direction:column;position:relative;background:#03121e}.canvas-label{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:43px;padding:8px 12px;border-bottom:1px solid #19384d;color:#719dbb;background:#061622;font:8px/1.5 'IBM Plex Mono',monospace;letter-spacing:.045em}.tiny-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#65d9b9;margin-right:5px;vertical-align:middle;box-shadow:0 0 7px #59ccaa44}.connect-tool{display:flex;align-items:center;gap:5px;padding:5px 7px;background:#0c2232;border:1px solid #244b60;color:#9dcfe2;border-radius:4px;font-size:10px;line-height:1.3;white-space:nowrap}.connect-tool .icon{width:12px;height:12px}.connect-tool:hover,.connect-tool[aria-pressed=true]{color:#e5fcff;border-color:#6bdcf5;background:#18374a;box-shadow:0 0 12px #3da8d525}
.workflow-canvas{height:640px;min-height:640px;flex:1;position:relative;overflow:hidden;touch-action:none;cursor:grab;background-color:#041522;background-image:radial-gradient(circle,#43739670 1px,transparent 1px),linear-gradient(#28516d17 1px,transparent 1px),linear-gradient(90deg,#28516d17 1px,transparent 1px),radial-gradient(ellipse at 45% 15%,#12506b30,transparent 70%);background-size:20px 20px,100px 100px,100px 100px,100% 100%;box-shadow:inset 0 2px 12px #0003}.workflow-canvas:active,.workflow-canvas.is-panning{cursor:grabbing}.workflow-canvas:focus-visible{outline-offset:-3px!important}.workflow-world{position:absolute;top:0;left:0;width:2400px;height:1600px;transform-origin:0 0;will-change:transform}#workflow-frames,#workflow-lines,#workflow-nodes{position:absolute;inset:0;width:2400px;height:1600px;pointer-events:none}#workflow-frames{z-index:0}#workflow-lines{z-index:1;overflow:visible}#workflow-nodes{z-index:2}
.flow-edge{fill:none;stroke:#649dbd;stroke-width:2;pointer-events:none;transition:stroke .15s}.flow-edge.selected{stroke:#b1f3ff;stroke-width:3}.flow-edge.done{stroke:#5ce0ba;filter:drop-shadow(0 0 4px #37bd92)}.flow-edge.active{stroke:#adbdff;stroke-dasharray:7 5}.edge-hit{fill:none;stroke:transparent;stroke-width:20;cursor:pointer;pointer-events:stroke}.edge-label{fill:#a7c8e0;font:11px 'DM Sans',sans-serif;stroke:#061827;stroke-width:5px;paint-order:stroke;pointer-events:none}
.flow-node{position:absolute;width:220px;min-height:112px;pointer-events:auto;border:1px solid #4289ba;border-radius:10px 4px;background:linear-gradient(120deg,#123754,#071c2e);box-shadow:inset 0 0 0 3px #07182a77,0 8px 18px #0004;color:#e8f4ff;transition:border-color .15s,box-shadow .15s;--node-accent:#6cbef7;touch-action:none}.flow-node[data-color=violet],.flow-node.violet{border-color:#865cc0;background:linear-gradient(120deg,#302553,#121c34);--node-accent:#b091ff}.flow-node[data-color=green],.flow-node.green{border-color:#42a894;background:linear-gradient(120deg,#143e3c,#0a232a);--node-accent:#7ae7c5}.flow-node[data-color=cyan],.flow-node.cyan{border-color:#3ca2bd;background:linear-gradient(120deg,#12404b,#082530);--node-accent:#79e2f5}.flow-node[data-color=amber],.flow-node.amber{border-color:#bd934a;background:linear-gradient(120deg,#3a3427,#222228);--node-accent:#f8ca7d}.flow-node[data-color=rose],.flow-node.rose{border-color:#b66388;background:linear-gradient(120deg,#412a43,#271c31);--node-accent:#f1a5c6}.flow-node[data-color=orange],.flow-node.orange{border-color:#c78354;background:linear-gradient(120deg,#432e2a,#281e26);--node-accent:#f6b185}.flow-node:hover{border-color:var(--node-accent);box-shadow:inset 0 0 0 3px #0b213577,0 8px 18px #0005,0 0 17px #69a3f016}.flow-node.selected,.flow-node[aria-selected=true],.flow-node[aria-pressed=true]{outline:2px solid #b7eaff;outline-offset:4px;box-shadow:0 0 22px #389bcd38}.flow-node.is-dragging{z-index:8;box-shadow:0 16px 28px #0008;cursor:grabbing}
.node-handle{display:flex;align-items:flex-start;gap:10px;width:100%;min-height:110px;padding:16px 13px;border:0;border-radius:inherit;background:none;color:inherit;text-align:left;cursor:grab!important;touch-action:none}.node-handle:active{cursor:grabbing!important}.node-symbol{display:grid;place-items:center;width:32px;height:34px;flex-shrink:0;color:var(--node-accent);border:1px solid color-mix(in srgb,var(--node-accent) 45%,transparent);border-radius:7px;background:color-mix(in srgb,var(--node-accent) 13%,#071827);box-shadow:inset 0 1px #ffffff18}.node-symbol .icon{width:19px;height:19px}.node-copy{min-width:0;flex:1}.flow-node strong{display:block;font-size:15px;font-weight:600;line-height:1.3;color:#eaf7ff}.flow-node small,.node-role{display:block;font-size:11px;line-height:1.4;color:#a5c0d7;margin-top:4px}.node-kind{display:inline-block!important;margin-top:9px!important;color:var(--node-accent)!important;font:9px/1.3 'IBM Plex Mono',monospace!important;letter-spacing:.07em;text-transform:uppercase}
.node-port{position:absolute;z-index:5;left:-8px;top:48px;display:grid;place-items:center;width:15px;height:15px;padding:0;border-radius:50%;border:2px solid #92c5e1;background:#0a2033;color:#dcf7ff;cursor:crosshair!important;box-shadow:0 0 0 4px #071c2a}.node-port:before{content:'';position:absolute;inset:-7px;border-radius:50%}.node-port[data-port=out],.node-port[data-port=yes],.node-port[data-port=no]{left:auto;right:-8px;border-color:var(--node-accent)}.node-port[data-port=yes]{top:30px}.node-port[data-port=no]{top:76px}.node-port[data-port=yes]:after,.node-port[data-port=no]:after{position:absolute;right:20px;font:9px/1 sans-serif;color:#aec7dc;text-transform:capitalize;pointer-events:none}.node-port[data-port=yes]:after{content:'Yes'}.node-port[data-port=no]:after{content:'No'}.node-port:hover,.node-port.selected,.node-port.connecting{background:#9bedff;border-color:white;box-shadow:0 0 0 5px #42bce833,0 0 15px #70d8ee77}.flow-node.state-active{box-shadow:0 0 26px #439fff70;border-color:#d2f3ff}.flow-node.state-done{border-color:#70e3be}.flow-node.state-done:after{content:'✓';position:absolute;right:-7px;top:-8px;width:19px;height:19px;border-radius:50%;background:#66dcb4;color:#082b27;text-align:center;font-size:13px;line-height:19px}.flow-node.state-waiting{border-color:#ffd37d;box-shadow:0 0 25px #efb35d44}.flow-node.state-skipped{opacity:.47}
.department-frame{position:absolute;pointer-events:auto;border:1px dashed #376984;border-radius:14px;background:#205a7a0a;min-width:270px;min-height:180px;box-shadow:inset 0 0 34px #3c86a809}.department-frame.selected,.department-frame[aria-selected=true]{border-color:#99d4eb;background:#368ab410}.department-title{display:flex;align-items:center;gap:9px;max-width:calc(100% - 20px);padding:9px 13px;border:1px solid #345772;border-radius:6px;background:#10283c;color:#afcfe6;font:10px/1.4 'IBM Plex Mono',monospace;letter-spacing:.07em;text-transform:uppercase;position:absolute;left:16px;top:-17px;cursor:grab!important;touch-action:none;text-align:left}.department-title .icon{width:15px;height:15px}.department-title:active{cursor:grabbing!important}.department-resize{position:absolute;bottom:4px;right:4px;width:18px;height:18px;border:0;background:linear-gradient(135deg,transparent 58%,#75aac470 59%,#75aac470 65%,transparent 66%,transparent 75%,#75aac470 76%,#75aac470 82%,transparent 83%);cursor:nwse-resize!important;touch-action:none}
.canvas-empty{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:min(310px,75%);text-align:center;color:#b9d3e9;pointer-events:none}.canvas-empty>span{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 17px;border:1px solid #325b72;border-radius:14px 4px;background:#113047;box-shadow:0 0 40px #558cdb17;color:#9bd8f4}.canvas-empty>span>.icon{width:27px;height:27px}.canvas-empty h3{font-size:19px;line-height:1.3;color:#e3f2ff;margin:0 0 10px}.canvas-empty p{font-size:12px;line-height:1.8;color:#8cacc9;margin:0}
.canvas-footer{display:flex;align-items:center;gap:12px;min-height:44px;border-top:1px solid #204257;background:#061722;padding:7px 10px;font-size:9px;color:#8baecb}#node-count{white-space:nowrap;color:#a7c9df}#workflow-state{line-height:1.4;flex:1;color:#87c4d4;overflow-wrap:anywhere}.canvas-zoom{display:flex;align-items:center;margin-left:auto;border:1px solid #294c65;border-radius:5px;background:#0b2232;flex-shrink:0;overflow:hidden}.canvas-zoom button{border:0;color:#c3e1f1;background:none;padding:5px 9px;min-width:29px;height:29px;font-size:16px}.canvas-zoom button:hover{background:#1b3b50}.canvas-zoom output{min-width:38px;font:9px monospace;color:#b4d3e8;text-align:center}.canvas-zoom #fit-flow{font-size:10px;border-left:1px solid #2b465d;margin-left:3px}
.inspector-content{padding:14px 14px 16px;overflow-y:auto;max-height:650px;scrollbar-width:thin;scrollbar-color:#285775 #071727}.inspector-empty{padding:29px 4px;color:#90adc7}.inspector-empty>.icon{width:35px;height:35px;color:#729ed2;margin-bottom:15px}.inspector-empty h4{font-size:17px;line-height:1.45;color:#d9edff;margin:0 0 12px;font-weight:500}.inspector-empty p{font-size:12px;line-height:1.8;margin:0 0 20px}.inspector-empty .inspector-hint{border-top:1px solid #254156;padding-top:18px;color:#799cb8;font-size:11px}
.node-inspector-form label,#department-inspector>label{display:block;font-size:10px;line-height:1.5;color:#a9c5df;margin-bottom:12px}.node-inspector-form :is(input,select,textarea),#department-name{display:block;width:100%;box-sizing:border-box;margin-top:5px;background:#03121e;color:#dceaff;border:1px solid #2b4c63;border-radius:4px;padding:9px;font-size:11px;line-height:1.5;min-height:36px}.node-inspector-form textarea{resize:vertical;min-height:78px}.node-inspector-form :is(input,textarea)::placeholder{color:#7395b1}.node-inspector-form :is(input,select,textarea):hover{border-color:#477f99}.node-inspector-form select:disabled{opacity:.55}.inspector-field-pair{display:block}
.role-explanation{border-top:1px solid #28475c;padding-top:14px;margin-top:4px}.role-explanation>p{font-size:11px;line-height:1.75;color:#c1d7ea;margin:8px 0 15px}.role-explanation dl{margin:0;display:flex;flex-direction:column;gap:12px}.role-explanation dl>div{padding-left:24px;position:relative}.role-explanation dt{font-size:10px;line-height:1.5;color:#97d9ea;font-weight:500}.role-explanation dt .icon{position:absolute;left:0;top:0;width:14px;height:14px;color:#69a5cb}.role-explanation dd{font-size:10px;line-height:1.7;color:#97b6cf;margin:4px 0 0}.role-explanation .guardrail{padding:11px 10px 11px 31px;background:#40372533;border-left:2px solid #b79755;border-radius:0 5px 5px 0}.role-explanation .guardrail dt{color:#e3c990}.role-explanation .guardrail dt .icon{left:9px;top:13px;color:#c2a46c}.role-explanation .guardrail dd{color:#bdc9d1}
.node-connections{margin-top:18px;padding-top:13px;border-top:1px solid #294354}.node-connections h4{font-size:10px;line-height:1.4;font-weight:500;color:#b5d2e8;margin:0 0 9px}#node-connections{display:flex;flex-direction:column;gap:7px;font-size:10px;line-height:1.6;color:#8cabc4}#node-connections button{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border:1px solid #2c4a60;border-radius:4px;background:#0b2030;color:#a8ccdf;font-size:10px;text-align:left}#node-connections button:hover{border-color:#ae6480;color:#f0c0d1}#node-connections .icon{width:12px;height:12px}.node-actions{display:flex;justify-content:space-between;gap:6px;border-top:1px solid #284356;margin-top:15px;padding-top:13px}.node-actions button{display:flex;align-items:center;gap:5px;font-size:10px;padding:6px 3px;color:#93bdda;background:none;border:0}.node-actions button .icon{width:13px;height:13px}.node-actions button:hover{color:#d6f1ff}.node-actions #delete-node{color:#c58d9e}.node-actions #delete-node:hover{color:#f7b8c8}.department-note{font-size:11px;line-height:1.8;color:#8fb2cd}
.board-guide{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:12px 17px;border-top:1px solid #26445b;border-bottom:1px solid #26445b;background:#0a1c2b}.board-guide>p{font-size:10px;line-height:1.7;color:#93b2cc;margin:0}.board-guide strong{font-weight:500;color:#c4e9ff;margin-right:5px}.board-guide details{font-size:10px;line-height:1.7;flex-shrink:0;max-width:280px;color:#96b6cf}.board-guide summary{display:flex;align-items:center;gap:7px;color:#8cc7e3;cursor:pointer;list-style:none}.board-guide summary::-webkit-details-marker{display:none}.board-guide summary>.icon{width:12px;height:12px}.board-guide details[open] summary>.icon{transform:rotate(180deg)}.board-guide details>p{margin:10px 0 0}
.board-test-row{display:grid;grid-template-columns:1fr 1fr .9fr;gap:12px;padding:14px}.board-test-row>div{padding:15px;border:1px solid #234a65;border-radius:8px;background:linear-gradient(130deg,#0a2132e6,#041322ed);min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.panel-heading h3{margin:0;color:#dcefff;font-size:12px;line-height:1.4;font-weight:500}.panel-heading>span{font-size:9px;color:#8cb4d1;line-height:1.4;text-align:right}.panel-heading .test-chip{font:7px/1.4 'IBM Plex Mono',monospace;color:#86b5cc;letter-spacing:.07em;flex-shrink:0}.ai-request textarea{display:block;width:100%;min-height:94px;box-sizing:border-box;border:1px solid #24455e;border-radius:5px;background:#03131f;padding:12px;color:#d5e7f7;font-size:12px;line-height:1.7;resize:vertical}.board-test-row small{display:block;color:#7f9eb8;font-size:9px;line-height:1.7;margin-top:10px}#agent-response{color:#c5dbef;font-size:12px;line-height:1.8;min-height:104px;overflow-wrap:anywhere}#agent-response p{font-size:inherit;line-height:inherit;margin:0 0 8px}#agent-response strong{color:#ebf7ff;font-weight:500}#approve-flow{font-size:11px;margin-top:11px;display:inline-flex;align-items:center;gap:7px}#approve-flow .icon{width:15px;height:15px}.run-log .panel-heading{margin-bottom:4px}#clear-run{font-size:10px;border:0;background:none;color:#77b5de;padding:3px}#clear-run:hover{color:#d0f2ff}#run-count{display:block;font:9px/1.5 monospace;color:#81adcb;margin-bottom:9px}.run-log ol{list-style:none;margin:0;padding:10px 0 0;border-top:1px solid #244359;max-height:145px;overflow:auto;scrollbar-width:thin;scrollbar-color:#285775 #071727}.run-log li{font-size:10px;line-height:1.65;color:#b0cce1;margin:0 0 7px;display:flex;gap:8px}.run-log time{color:#6da5c9;font:9px/1.7 monospace;flex-shrink:0}.run-log .log-empty{display:block;color:#7e9fb9;font-size:11px;padding:7px 0;line-height:1.75}.ai-control>.demo-disclaimer{font-size:9px;line-height:1.6;color:#7798b5;margin:0;padding:0 17px 15px}
.ai-control.library-collapsed .control-grid{grid-template-columns:51px minmax(0,1fr) 267px}.ai-control.inspector-collapsed .control-grid{grid-template-columns:205px minmax(0,1fr) 51px}.ai-control.library-collapsed.inspector-collapsed .control-grid{grid-template-columns:51px minmax(0,1fr) 51px}.library-collapsed .library-heading,.inspector-collapsed .inspector-heading{padding:14px 10px;justify-content:center;min-height:79px}.library-collapsed :is(.library-heading>div,.library-content),.inspector-collapsed :is(.inspector-heading>div,.inspector-content){display:none}
.ai-control.board-focused{position:fixed;z-index:1200;inset:10px;max-width:none;width:auto;margin:0;display:flex;flex-direction:column;background:#040e19;border-radius:12px}.board-focused .control-top{padding-block:12px}.board-focused .control-brand p,.board-focused .board-test-row,.board-focused>.demo-disclaimer{display:none}.board-focused .control-grid{flex:1;min-height:0;overflow:hidden}.board-focused .workflow-canvas{height:auto;min-height:0}.board-focused .node-library,.board-focused .inspector-content{max-height:none}.board-focused .module-library,.board-focused .ai-inspector{min-height:0}.board-focused .board-guide{flex-shrink:0}.board-focused .library-content{overflow:hidden}.board-focused .node-library{flex:1}.board-focused .inspector-content{flex:1}
.flow-node{--node-accent:var(--node-color,#6cbef7)}.flow-node.state-complete{border-color:#70e3be}.flow-node.state-complete:after{content:'✓';position:absolute;right:-7px;top:-8px;width:19px;height:19px;border-radius:50%;background:#66dcb4;color:#082b27;text-align:center;font-size:13px;line-height:19px}.flow-node.state-paused{border-color:#ffd37d;box-shadow:0 0 25px #efb35d44}
.ai-engagements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding:49px 15px 30px}.ai-engagements>div{position:relative;padding-left:49px}.engagement-icon{position:absolute;left:0;top:0;display:grid;place-items:center;width:32px;height:34px;border:1px solid #335570;border-radius:7px 3px;background:#0c263aaa;color:#8bcfee}.engagement-icon>.icon{width:18px;height:18px}.ai-engagements h3{font-size:14px;line-height:1.5;color:#d7edff;font-weight:500;margin:0 0 11px}.ai-engagements p{font-size:12px;line-height:1.85;color:#a3bcd4;margin:0}.ai-bottom-line{height:147px;display:flex;align-items:center;justify-content:space-between;gap:25px;text-shadow:0 2px 7px #000}.ai-bottom-line .eyebrow{font-size:8px;color:#8bceff}.ai-bottom-line h2{font-size:21px;letter-spacing:.15em;font-weight:400;text-transform:uppercase;margin:13px 0 0}.ai-bottom-line>p{font-size:8px;line-height:1.8;text-transform:uppercase;letter-spacing:.16em;color:#8ccaff;margin:0}.theme-ai .site-footer{border-color:#234560;padding-top:23px;background:#020b16}.theme-ai .footer-top{padding-bottom:22px}.theme-ai .footer-top>p{font-size:11px}.theme-ai .footer-top>.button{display:none}.theme-ai .footer-bottom{padding-top:15px;font-size:9px}
@media(min-width:1280px){.ai-hero{height:320px;padding-top:28px}.ai-hero-copy>.eyebrow{top:139px;font-size:23px}.ai-hero h1{margin-bottom:48px}.ai-hero-copy>p{font-size:15px}.ai-capability-strip>span{font-size:11px}.ai-capability-strip small{font-size:10px}}
@media(min-width:1500px){.ai-control.wrap{max-width:1420px}.control-grid{grid-template-columns:220px minmax(0,1fr) 282px}.ai-control.library-collapsed .control-grid{grid-template-columns:51px minmax(0,1fr) 282px}.ai-control.inspector-collapsed .control-grid{grid-template-columns:220px minmax(0,1fr) 51px}.workflow-canvas{min-height:690px}.node-library{max-height:575px}.inspector-content{max-height:700px}}
@media(max-width:1150px){.control-grid{grid-template-columns:180px minmax(0,1fr) 235px}.ai-control.library-collapsed .control-grid{grid-template-columns:51px minmax(0,1fr) 235px}.ai-control.inspector-collapsed .control-grid{grid-template-columns:180px minmax(0,1fr) 51px}.control-toolbar{gap:9px;padding-inline:12px}.board-toolbar-actions{gap:0}.board-tool{font-size:9px;padding:8px 6px}.workflow-preset-label{gap:6px}.workflow-preset-label select{font-size:11px;max-width:183px}.focus-tool{font-size:9px}.library-heading,.inspector-heading{padding-inline:10px}.library-content{padding-inline:7px}.library-item{gap:6px;padding-inline:6px}.library-item strong{font-size:10px}.library-item small{font-size:9px}.tool-symbol{width:25px;height:29px}.tool-symbol>.icon{width:16px;height:16px}.inspector-content{padding-inline:11px}.canvas-label{font-size:7px;flex-wrap:wrap;min-height:51px}.canvas-footer{flex-wrap:wrap;gap:5px 10px}#workflow-state{order:3;flex-basis:100%}.canvas-zoom{margin-left:auto}.board-guide{gap:12px}.board-guide>p{max-width:600px}.board-test-row{grid-template-columns:1fr 1fr}.board-test-row .run-log{grid-column:1/-1}.run-log ol{max-height:110px;columns:2;column-gap:35px}.run-log li{break-inside:avoid}.board-guide details{max-width:230px}.ai-engagements{gap:23px;padding-inline:4px}.ai-engagements>div{padding-left:0}.engagement-icon{position:static;margin-bottom:14px}}
@media(max-width:1000px) and (min-width:761px){.ai-hero-copy{margin-left:17%}.ai-hero-copy>.eyebrow{font-size:18px;top:103px}.ai-hero h1{font-size:46px}.ai-hero-link{display:none}.ai-side-note{left:1%;font-size:8px}.ai-capability-strip{margin-left:14%;gap:10px}.ai-capability-strip>span{font-size:9px;gap:5px}.ai-capability-strip small{font-size:8px}.ai-capability-strip .icon{width:15px;height:15px;padding:5px}.control-grid{grid-template-columns:180px minmax(0,1fr)}.ai-inspector{grid-column:1/-1;border-left:0;border-top:1px solid #254258}.inspector-content{max-height:400px}.node-inspector-form{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.role-explanation{grid-column:2;grid-row:1 / span 4;margin:0;padding:0 0 0 18px;border-top:0;border-left:1px solid #28475c}.node-connections{margin-top:0}.node-actions{align-items:center}.ai-control.library-collapsed .control-grid{grid-template-columns:51px minmax(0,1fr)}.ai-control.inspector-collapsed .control-grid{grid-template-columns:180px minmax(0,1fr)}.ai-control.library-collapsed.inspector-collapsed .control-grid{grid-template-columns:51px minmax(0,1fr)}.inspector-collapsed .inspector-heading{min-height:40px;justify-content:flex-end;padding:6px 12px}.inspector-collapsed .inspector-heading>div{display:block;margin-right:auto}.inspector-collapsed .inspector-heading .panel-eyebrow{display:none}.control-toolbar{flex-wrap:wrap}.focus-tool{margin-left:auto}.board-focused .ai-inspector{max-height:35vh;overflow:auto}.board-focused .control-grid{display:grid;grid-template-rows:minmax(0,1fr) auto}.board-focused.inspector-collapsed .ai-inspector{max-height:41px}}
@media(max-width:760px){
 .theme-ai .wrap{width:calc(100% - 28px)}.ai-environment{background-size:auto 1050px;background-position:63% top}.ai-environment:before{background:linear-gradient(#020d1555,#020d1588 650px,#020d15 1100px)}.ai-hero{height:auto;min-height:370px;padding:28px 8px 0}.ai-side-note,.ai-hero-link{display:none}.ai-hero-copy{margin-left:0;max-width:600px}.ai-hero h1{font-size:clamp(35px,7.7vw,57px);line-height:1.06;letter-spacing:-.035em;margin:20px 0 16px;max-width:530px}.ai-hero-copy>.eyebrow{position:static;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#9acfff;background:none}.ai-hero-copy>p{font-size:13px;max-width:520px;line-height:1.7}.ai-capability-strip{margin:27px 0 0;flex-wrap:wrap;justify-content:start;gap:15px 24px;padding-bottom:24px}.ai-capability-strip>span{font-size:10px;min-width:130px}.ai-capability-strip small{font-size:9px}.ai-capability-strip .icon{width:18px;height:18px;padding:6px}
 .ai-control{border-radius:16px 16px 8px 8px}.control-top{padding:16px 13px;flex-wrap:wrap;gap:15px}.control-brand{gap:10px}.control-logo{width:34px;height:35px}.control-logo>.icon{width:21px;height:21px}.control-brand h2{font-size:19px}.control-brand p{font-size:10px}.control-actions{width:100%;justify-content:space-between;gap:12px}.control-actions .demo-label{font-size:10px}.control-actions .small-button{font-size:11px;min-height:37px}.control-toolbar{padding:11px;gap:11px 7px;flex-wrap:wrap;align-items:center}.workflow-preset-label{flex:1}.workflow-preset-label>span{font-size:10px}.workflow-preset-label select{font-size:12px;max-width:none;min-width:0;flex:1;height:38px}.board-toolbar-actions{order:3;flex:1;justify-content:space-between;gap:2px;width:100%}.board-tool{font-size:10px;padding:7px 8px;min-height:34px}.board-tool>.icon{width:14px;height:14px}.focus-tool{margin-left:0}.focus-tool>span{display:none}
 .control-grid,.ai-control.library-collapsed .control-grid,.ai-control.inspector-collapsed .control-grid,.ai-control.library-collapsed.inspector-collapsed .control-grid{display:flex;flex-direction:column;min-height:0}.module-library{order:1;border-right:0;border-bottom:1px solid #254258}.library-heading{padding:10px 12px;min-height:55px}.library-heading>div{display:flex;align-items:center;gap:10px}.library-heading h3{font-size:12px;margin:0}.library-heading .panel-eyebrow{font-size:7px}.library-content{padding:7px 10px 11px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.library-search{margin:0}.library-search input{font-size:11px}.library-tabs{margin:0;padding:0;border:0;align-items:center}.library-tabs button{min-height:32px;font-size:10px;padding-inline:4px}.node-library{grid-column:1/-1;display:grid;grid-auto-flow:column;grid-auto-columns:156px;grid-template-rows:1fr;overflow-x:auto;overflow-y:hidden;max-height:none;padding:0 1px 8px;gap:7px;scrollbar-width:thin;scroll-snap-type:x proximity}.library-item{min-height:66px;scroll-snap-align:start;padding:8px;gap:7px}.library-item strong{font-size:11px}.library-item small{font-size:9px}.library-instruction{grid-column:1/-1;margin:0;font-size:9px}.library-instruction br{display:none}
 .workflow-area{order:2}.canvas-label{min-height:44px;flex-wrap:nowrap;padding-inline:10px;font-size:7px}.connect-tool{font-size:9px;padding:6px}.workflow-canvas{min-height:480px;height:480px;flex:none}.canvas-footer{font-size:9px;padding:8px 10px;gap:7px}.canvas-zoom button{height:33px;min-width:32px}#workflow-state{font-size:10px}.ai-inspector{order:3;border-top:1px solid #254258;border-left:0}.inspector-heading{padding:11px 12px;min-height:55px}.inspector-heading>div{display:flex;align-items:center;gap:10px}.inspector-heading h3{margin:0;font-size:12px}.inspector-heading .panel-eyebrow{font-size:7px}.inspector-content{max-height:460px;padding:15px}.node-inspector-form label,#department-inspector>label{font-size:11px}.node-inspector-form :is(input,select,textarea),#department-name{font-size:16px;min-height:43px}.inspector-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inspector-field-pair label{min-width:0}.role-explanation>p{font-size:12px}.role-explanation dd{font-size:11px}.node-actions button{font-size:11px;min-height:36px}.inspector-empty{padding:9px 4px}.inspector-empty>.icon{float:left;width:28px;height:28px;margin-right:15px}.inspector-empty h4{font-size:15px;margin-bottom:7px}.inspector-empty p{font-size:11px;margin-bottom:0}.inspector-empty .inspector-hint{margin-top:14px;padding-top:12px}.library-collapsed .library-heading,.inspector-collapsed .inspector-heading{padding:10px 12px;min-height:51px;justify-content:space-between}.library-collapsed .library-heading>div,.inspector-collapsed .inspector-heading>div{display:flex}
 .board-guide{display:block;padding:12px}.board-guide>p{font-size:10px;line-height:1.8}.board-guide details{margin-top:10px;max-width:none}.board-guide details p{font-size:11px}.board-test-row{grid-template-columns:1fr;padding:10px;gap:10px}.board-test-row>div{padding:14px}.board-test-row .run-log{grid-column:auto}.panel-heading h3{font-size:12px}.ai-request textarea{font-size:16px;min-height:110px}#agent-response{font-size:13px;min-height:65px}.board-test-row small{font-size:10px}.run-log ol{columns:auto;max-height:165px}.run-log li{font-size:11px}.ai-control>.demo-disclaimer{font-size:9px;padding:0 12px 14px}
 .ai-control.board-focused{inset:0;width:100%;border-radius:0;border:0}.board-focused .control-brand p,.board-focused .control-logo,.board-focused .control-top .demo-label{display:none}.board-focused .control-top{padding:10px 12px;flex-wrap:nowrap}.board-focused .control-brand h2{font-size:16px;white-space:nowrap}.board-focused .control-actions{width:auto;margin-left:auto}.board-focused .control-toolbar{padding:8px 10px;gap:6px}.board-focused .control-grid{display:flex;flex:1;min-height:0;overflow-y:auto}.board-focused .module-library{flex-shrink:0}.board-focused .library-content{display:grid;overflow:visible}.board-focused.library-collapsed .library-content{display:none}.board-focused .node-library{max-height:83px}.board-focused .workflow-area{flex:1;min-height:250px;flex-shrink:0}.board-focused .workflow-canvas{height:100%;flex:1;min-height:220px}.board-focused .ai-inspector{flex-shrink:0;max-height:38vh}.board-focused .inspector-content{overflow-y:auto;min-height:0}.board-focused .board-guide{display:none}
 .ai-engagements{grid-template-columns:1fr;padding:32px 7px 12px;gap:25px}.ai-engagements>div{padding-left:46px}.engagement-icon{position:absolute;margin:0}.ai-engagements h3{font-size:14px;margin-bottom:7px}.ai-engagements p{font-size:12px}.ai-bottom-line{height:auto;min-height:180px;flex-wrap:wrap;padding:30px 8px;gap:23px}.ai-bottom-line h2{font-size:18px;letter-spacing:.1em}.ai-bottom-line>p{display:none}.theme-ai .site-footer{padding-top:25px}.theme-ai .footer-top{padding-bottom:20px}.theme-ai .footer-top>p{font-size:10px}
}
@media(max-width:380px){.ai-hero{padding-inline:4px}.ai-hero h1{font-size:33px}.ai-capability-strip{gap:13px}.ai-capability-strip>span{min-width:122px;font-size:9px}.control-toolbar .workflow-preset-label>span{display:none}.board-tool{padding-inline:6px;font-size:9px}.canvas-label>span{font-size:6px}.library-heading .panel-eyebrow,.inspector-heading .panel-eyebrow{display:none}.inspector-field-pair{display:block}}
@media(prefers-reduced-motion:reduce){.ai-control *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.ai-environment:has(.board-focused){z-index:100;isolation:auto}
body:has(.board-focused){overflow:hidden}
.node-symbol>svg{width:19px;height:19px}.tool-symbol>svg{width:18px;height:18px}.department-title>svg{width:15px;height:15px;flex-shrink:0}
.library-plus{margin-left:auto;color:#7cc4e4;font-size:17px;line-height:1;flex-shrink:0}
.flow-node strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.node-role{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-kind{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.node-port{font-size:7px;line-height:1}.flow-edge{color:#649dbd}.flow-edge.selected{color:#b1f3ff}.flow-edge.done{color:#5ce0ba}.pending-edge{fill:none;stroke:#a7e4fa;stroke-width:2;stroke-dasharray:6 5;pointer-events:none}
.connection-row{display:flex;align-items:center;gap:7px;justify-content:space-between;padding:6px 8px;border:1px solid #243e52;border-radius:4px;background:#081d2d}.connection-row>span{flex:1;min-width:0}.connection-row.selected{border-color:#92cddd}#node-connections .connection-row button{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;padding:0;font-size:17px;border:0;background:#203b4b;color:#a8c7d9}#node-connections>p{font-size:10px;line-height:1.7;margin:0;color:#8cabc4}
.workflow-canvas.is-dragging{cursor:grabbing}
.flow-left .node-port[data-port=in]{left:auto;right:-8px}.flow-left :is(.node-port[data-port=out],.node-port[data-port=yes],.node-port[data-port=no]){left:-8px;right:auto}.flow-left .node-port[data-port=yes]:after,.flow-left .node-port[data-port=no]:after{right:auto;left:20px}.node-port[data-port=yes],.node-port[data-port=no]{font-size:0}

/* Machined control plates: only the action surfaces carry the cut geometry. */
:is(.ai-bottom-line .button,.theme-ai .site-header .nav-cta){
 --control-cut:12px;position:relative;isolation:isolate;min-height:52px;
 padding:7px 8px 7px 22px;gap:21px;border:0;border-radius:0;
 background:transparent;color:#d9f5ff;box-shadow:none;
 font-size:12px;font-weight:500;letter-spacing:.015em;
 transition:transform .18s ease,filter .18s ease;
}
:is(.ai-bottom-line .button,.theme-ai .site-header .nav-cta)::before,:is(.ai-bottom-line .button,.theme-ai .site-header .nav-cta)::after{
 content:'';position:absolute;pointer-events:none;
 clip-path:polygon(var(--control-cut) 0,100% 0,100% calc(100% - var(--control-cut)),calc(100% - var(--control-cut)) 100%,0 100%,0 var(--control-cut));
}
:is(.ai-bottom-line .button,.theme-ai .site-header .nav-cta)::before{inset:0;z-index:-2;background:linear-gradient(115deg,#b0efff 0%,#4dbddf 19%,#235574 47%,#669aca 73%,#8eeaff 100%)}
:is(.ai-bottom-line .button,.theme-ai .site-header .nav-cta)::after{inset:1px;z-index:-1;background:linear-gradient(105deg,#112d44ee,#061624f5 62%,#102c40)}
:is(.ai-bottom-line .button,.theme-ai .site-header .nav-cta) .button-label{position:relative;z-index:1}
:is(.ai-bottom-line .button,.theme-ai .site-header .nav-cta) .button-arrow,:is(.ai-bottom-line .button,.theme-ai .site-header .nav-cta)>.icon{
 display:grid;place-items:center;flex-shrink:0;box-sizing:border-box;width:37px;height:36px;
 padding:9px;margin:0;color:#99e8ff;border:0;border-radius:0;
 background:linear-gradient(135deg,#194563,#0a2639);
 clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%);
 box-shadow:inset 1px 1px #70bfdf44;
}
:is(.ai-bottom-line .button,.theme-ai .site-header .nav-cta) .button-arrow>.icon{width:18px;height:18px;transition:transform .18s ease}
:is(.ai-bottom-line .button,.theme-ai .site-header .nav-cta):hover{color:#f0fcff;transform:translateY(-2px);box-shadow:none;filter:drop-shadow(0 5px 10px #20a5dc24)}
:is(.ai-bottom-line .button,.theme-ai .site-header .nav-cta):hover::before{background:linear-gradient(115deg,#e1fbff,#65d6fa 24%,#4887b8 55%,#a4edff)}
:is(.ai-bottom-line .button,.theme-ai .site-header .nav-cta):hover .button-arrow>.icon{transform:translateX(2px)}
:is(.ai-bottom-line .button,.theme-ai .site-header .nav-cta):active{transform:translateY(1px);filter:none}
:is(.ai-bottom-line .button,.theme-ai .site-header .nav-cta):focus-visible{outline:2px solid #9de9ff;outline-offset:5px}

.theme-ai :is(#run-flow,#approve-flow,#simulate-deploy){
 --action-cut:8px;position:relative;isolation:isolate;
 min-height:36px;padding:9px 18px;border:0;border-radius:0;
 background:transparent;color:#eef8ff;box-shadow:none;font-weight:500;
 transition:filter .16s ease,transform .16s ease;
}
.theme-ai :is(#run-flow,#approve-flow,#simulate-deploy)::before,
.theme-ai :is(#run-flow,#approve-flow,#simulate-deploy)::after{
 content:'';position:absolute;pointer-events:none;
 clip-path:polygon(0 0,calc(100% - var(--action-cut)) 0,100% var(--action-cut),100% 100%,var(--action-cut) 100%,0 calc(100% - var(--action-cut)));
}
.theme-ai :is(#run-flow,#approve-flow,#simulate-deploy)::before{inset:0;z-index:-2;background:linear-gradient(115deg,#a3dcff,#859bff 30%,#505ec7 63%,#a9a0ff)}
.theme-ai :is(#run-flow,#approve-flow,#simulate-deploy)::after{inset:1px;z-index:-1;background:linear-gradient(110deg,#214f9f,#4239b2)}
.theme-ai #approve-flow::before{background:linear-gradient(115deg,#bdffe8,#4fcaab 35%,#277e78 75%,#a5eddf)}
.theme-ai #approve-flow::after{background:linear-gradient(110deg,#174f46,#133c3d)}
.theme-ai :is(#run-flow,#approve-flow,#simulate-deploy):enabled:hover{filter:drop-shadow(0 3px 7px #586bff3d);transform:translateY(-1px)}
.theme-ai :is(#run-flow,#approve-flow,#simulate-deploy):enabled:active{transform:translateY(1px);filter:none}
.theme-ai :is(#run-flow,#approve-flow,#simulate-deploy):focus-visible{outline:2px solid #b2eaff;outline-offset:4px}
.theme-ai #simulate-deploy:disabled{opacity:.56;color:#c3cfe7}
.theme-ai #reset-flow{min-height:36px;border:1px solid #36537266;border-radius:3px;background:#05142280;color:#b6cee7;box-shadow:inset 0 1px #9bdcff0a;padding:8px 13px}
.theme-ai #reset-flow:hover{background:#12273c;border-color:#689aba;color:#e7f5ff;filter:none}
.theme-ai .control-toolbar .segmented button{position:relative;transition:color .16s ease;background:none;border-radius:0}
.theme-ai .control-toolbar .segmented button[aria-pressed=true]{box-shadow:0 2px #6dbbff;color:#e6f7ff}
.theme-ai .control-toolbar .segmented button[aria-pressed=true]::after{content:'';position:absolute;right:-5px;bottom:-2px;width:6px;height:2px;transform:skew(-40deg);background:#6dbbff}
@media(max-width:760px){
 :is(.ai-bottom-line .button,.theme-ai .site-header .nav-cta){min-height:51px;font-size:12px;padding-left:20px;gap:19px}
 .theme-ai #run-flow{padding:9px 14px;min-height:36px}
 .theme-ai #simulate-deploy{min-height:40px;padding-inline:10px;font-size:11px}
 .theme-ai #approve-flow{min-height:41px}
}
@media(prefers-reduced-motion:reduce){
 :is(.ai-bottom-line .button,.theme-ai .site-header .nav-cta),:is(.ai-bottom-line .button,.theme-ai .site-header .nav-cta) .button-arrow>.icon,.theme-ai :is(#run-flow,#approve-flow,#simulate-deploy){transition:none!important;transform:none!important}
}

.theme-ai .site-header .nav-cta{--control-cut:10px;min-height:44px;padding:6px 6px 6px 18px!important;gap:15px;font-size:12px;white-space:nowrap;margin-left:0}
.theme-ai .site-header .nav-cta .button-arrow{width:31px;height:31px;padding:7px}
.theme-ai .site-header .nav-cta .button-arrow>.icon{width:17px;height:17px}
@media(max-width:760px){.theme-ai .site-header .nav-cta{justify-content:space-between;min-height:46px;font-size:12px;margin-top:18px}}


#run-request{margin-top:12px;display:inline-flex;align-items:center;gap:12px;border:1px solid #668df0;background:linear-gradient(115deg,#214f9f,#4239b2);padding:9px 14px;font-size:11px;color:#eef8ff;border-radius:2px 9px 2px 9px}#run-request .icon{width:14px;height:14px}#run-request:disabled{opacity:.5}

.run-log li{display:block;padding:10px 0;border-bottom:1px solid #254258}.run-log li>strong{display:block;color:#deefff;font-size:11px;margin-bottom:4px}.run-log li>span{display:block;font-size:10px;line-height:1.6;color:#b8d0e6}.run-log li>small{display:block;margin-top:6px;color:#7fa5c3;font-size:10px;line-height:1.6}

/* Focus view must fill the viewport, including screens wider than the page layout. */
.theme-ai .ai-control.board-focused{max-width:none;width:auto}
@media(max-width:760px){.theme-ai .ai-control.board-focused{width:100%}}

/* Build, feed and stop the system without leaving the canvas. */
.control-actions{gap:10px}.stop-flow{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 13px;border:1px solid #b87385;background:#3d1f30;color:#ffd4df;border-radius:3px;font-size:11px;line-height:1.3}.stop-flow>span{font-size:10px}.stop-flow:enabled:hover{border-color:#ffc1d3;background:#602e43}.stop-flow:disabled{border-color:#3a4a5c;background:#101e2d;color:#92a4b8}
.create-custom{display:flex;align-items:center;gap:9px;width:100%;padding:10px 9px;margin:0 0 10px;text-align:left;border:1px solid #658aab;border-radius:3px 12px 3px 3px;background:linear-gradient(105deg,#183b55,#10243b);color:#d7f2ff;font-size:11px;line-height:1.4}.create-custom>.icon{width:17px;height:17px;color:#99d9ff}.create-custom small{display:block;color:#8eb4d2;font-size:9px;margin-top:3px}.create-custom:hover{border-color:#a1dbff;background:#1a4059}.node-library{max-height:460px}
.node-actions-top{display:flex;align-items:center;gap:6px;margin:-2px 0 13px;padding-bottom:11px;border-bottom:1px solid #2b485e;grid-column:1/-1}.node-actions-top>span{flex:1;color:#b7d6ea;font-size:10px}.node-actions-top button{display:grid;place-items:center;width:29px;height:29px;border:1px solid #345570;background:#0b253a;border-radius:4px;color:#a8d1eb}.node-actions-top button>.icon{width:14px;height:14px}.node-actions-top #delete-selected{border-color:#654050;background:#291c2a;color:#edb2c3}.node-actions-top button:hover{border-color:#91d7f7;color:#ecfaff}.node-actions-top #delete-selected:hover{border-color:#e99ab5;color:#ffe2eb}.appearance-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.appearance-fields>label{min-width:0}.custom-fields{padding-top:13px;border-top:1px solid #35536b;grid-column:1/-1}.custom-fields>.panel-eyebrow{margin-bottom:10px;color:#d6afdd}.node-inspector-form .custom-fields textarea{min-height:64px}.custom-piece-note,.node-behavior{font-size:10px;line-height:1.7;color:#92b5d0;margin:0 0 14px}.node-behavior:empty{display:none}.custom-piece-note{border-left:2px solid #af8aca;padding-left:9px;color:#bbc7dc}
.node-quick-actions{position:absolute;right:6px;top:-32px;z-index:8;display:flex;gap:4px;padding:3px;border:1px solid #49748f;border-radius:5px;background:#071b2c;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s,transform .15s,visibility .15s;box-shadow:0 5px 12px #0007}.flow-node:is(:hover,:focus-within,.selected) .node-quick-actions{opacity:1;visibility:visible;transform:none}.node-quick-actions button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:26px;height:25px;padding:4px 6px;border:0;background:#17334a;color:#c5e5f4;border-radius:3px;font-size:10px;line-height:1}.node-quick-actions button :is(svg,.icon){width:13px;height:13px}.node-quick-actions button[data-node-action=remove]{color:#f1b9ca;background:#352132}.node-quick-actions button:hover{background:#27546b;color:white}.node-quick-actions button[data-node-action=remove]:hover{background:#643049;color:#ffe9f0}
.task-dock{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(0,1.15fr);gap:11px 24px;padding:14px 17px 12px;background:linear-gradient(110deg,#0f2438,#091a2b 65%,#0c2234);border-top:1px solid #3c6681;box-shadow:inset 0 1px #9fdcff0a;flex-shrink:0}.task-compose,.task-queue-area{min-width:0}.task-compose>label{display:block;color:#d2e9f9;font-size:10px;font-weight:500;line-height:1.3;margin-bottom:7px}.task-input-row{display:flex;align-items:stretch;gap:7px}.task-input-row input{min-width:0;flex:1;height:36px;padding:9px 10px;border:1px solid #43607a;border-radius:3px;background:#041421;color:#deedff;font-size:11px;line-height:1.5}.task-input-row input::placeholder{color:#8aabc6}.task-input-row button{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #7194e3;border-radius:2px 9px 2px 2px;padding:7px 10px;background:linear-gradient(110deg,#1b4b8a,#343779);color:#e6f4ff;white-space:nowrap;font-size:10px}.task-input-row button .icon{width:12px;height:12px}.task-input-row button:hover{border-color:#c1d8ff;background:#355ba0}.task-queue-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px;min-height:15px}.task-queue-heading>span{color:#b7d8ef;font:9px/1.4 'IBM Plex Mono',monospace}.task-queue-heading button{display:inline-flex;align-items:center;gap:6px;color:#95c8e6;border:0;background:none;padding:0;font-size:10px;line-height:1.4}.task-queue-heading button:hover{color:#e0f4ff}.task-queue-heading .icon{width:11px;height:11px}.task-queue-heading button[aria-expanded=true] .icon{transform:rotate(180deg)}.task-queue{display:flex;gap:7px;list-style:none;margin:0;padding:0 0 3px;max-height:44px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#2f627e #081b2c}.task-queue>li{display:flex;align-items:center;gap:7px;flex:0 0 auto;max-width:225px;padding:7px 9px;background:#082031;border:1px solid #2f5168;border-radius:4px;color:#bad7eb;font-size:10px;line-height:1.4;min-width:0}.task-queue>li>span,.task-queue>li>strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:175px;font-weight:400}.task-queue>li small{color:#8db3cd;white-space:nowrap;font:8px/1.4 'IBM Plex Mono',monospace}.task-queue>li button{display:grid;place-items:center;border:0;background:none;padding:2px;color:#94b9ce;font-size:15px;line-height:1;flex-shrink:0}.task-queue>li button:hover{color:#ffc0d4}.task-queue>li button svg{width:11px;height:11px}.task-queue>li:is(.running,.active,[data-status=running],[data-status=active]){background:#173a52;border-color:#81cbe9;color:#e6f7ff}.task-queue>li:is(.completed,.complete,[data-status=completed],[data-status=complete]){border-color:#337b6a;color:#a6e2cc}.task-queue>li:is(.paused,[data-status=paused]){border-color:#b28b48;color:#f8dca7}.task-queue>li:is(.stopped,[data-status=stopped]){border-color:#78566c;color:#d3b4c6}.task-queue>li.task-queue-empty{border:0;background:none;color:#85a9c4;padding:7px 0;font-size:10px;max-width:none;line-height:1.5}
.runner-controls{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding-top:10px;border-top:1px solid #294b63;min-width:0}.runner-current{display:flex;align-items:center;gap:9px;min-width:0;flex:1}.runner-indicator{display:block;width:6px;height:6px;border-radius:50%;background:#659db9;flex-shrink:0}.runner-current>div{min-width:0}.runner-current strong{display:block;font-size:10px;line-height:1.5;font-weight:500;color:#c9e8f7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:650px}#runner-progress{display:block;color:#95b7d1;font-size:9px;line-height:1.5;margin-top:2px}.runner-loop{display:flex;align-items:center;gap:11px;color:#8fb1cb;font-size:9px;flex-shrink:0}.runner-loop>span{max-width:180px;line-height:1.5}.runner-loop label{display:flex;align-items:center;gap:7px;white-space:nowrap}.runner-loop select{padding:5px 7px;background:#071925;border:1px solid #335773;border-radius:3px;color:#b6d6ec;font-size:10px;min-height:29px}.task-dock #approve-flow{margin:0;font-size:10px;min-height:32px;white-space:nowrap;padding:8px 12px}.runner-summary{font:8px/1.4 'IBM Plex Mono',monospace;color:#a3cce1;max-width:160px}.runner-summary:empty{display:none}.ai-control:not(.show-run-details) .board-test-row{display:none}.ai-control.show-run-details .board-test-row{display:grid}.ai-control.board-focused.show-run-details .board-test-row{flex-shrink:0;max-height:230px;overflow:auto;padding:10px;border-top:1px solid #3b617b}.board-focused.show-run-details .board-test-row>div{padding:11px}.board-focused.show-run-details .ai-request textarea{min-height:60px;max-height:85px}.board-focused.show-run-details .run-log ol{max-height:120px}.board-focused .task-dock{padding-top:10px;padding-bottom:9px;gap:8px 20px}.board-focused .runner-controls{padding-top:7px}.board-focused .control-toolbar,.board-focused .control-top{flex-shrink:0}.board-focused .board-guide{display:none}

/* Different pieces visibly work in different ways; the light follows real edges. */
.edge-spark{fill:#edfbff;stroke:#81ddff;stroke-width:1;filter:drop-shadow(0 0 5px #7cddff) drop-shadow(0 0 11px #58a7ff);pointer-events:none}.flow-edge.active{stroke:#a8e8ff;stroke-width:2.6;stroke-dasharray:none;filter:drop-shadow(0 0 5px #4cafed)}.flow-node .node-symbol{position:relative;overflow:visible}.flow-node.state-active{border-color:var(--node-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--node-accent) 18%,transparent),0 0 28px color-mix(in srgb,var(--node-accent) 35%,transparent)}.flow-node.state-active .node-symbol{background:color-mix(in srgb,var(--node-accent) 25%,#071827)}.flow-node.state-active .node-symbol:after{content:'';position:absolute;inset:-5px;border:1px solid var(--node-accent);border-radius:10px;opacity:.5;animation:node-signal 1.2s ease-out infinite;pointer-events:none}.flow-node[data-kind=agent].state-active .node-symbol>svg{animation:node-think 1.25s ease-in-out infinite}.flow-node[data-ai-type=conversational].state-active .node-symbol>svg,.flow-node[data-kind=message].state-active .node-symbol>svg,.flow-node[data-kind=notification].state-active .node-symbol>svg{animation:node-speak .9s ease-in-out infinite}.flow-node[data-ai-type=reasoning].state-active .node-symbol>svg,.flow-node[data-kind=custom].state-active .node-symbol>svg{animation:node-think 1.25s ease-in-out infinite}.flow-node[data-ai-type=coordinator].state-active .node-symbol>svg,.flow-node[data-kind=api].state-active .node-symbol>svg{animation:node-link 1.1s ease-in-out infinite}.flow-node:is([data-ai-type=knowledge],[data-ai-type=document],[data-kind=knowledge],[data-kind=document],[data-kind=form],[data-kind=crm]).state-active .node-symbol:after{inset:4px -3px auto;height:2px;border:0;border-radius:0;background:var(--node-accent);box-shadow:0 0 9px var(--node-accent);animation:node-scan 1.1s ease-in-out infinite}.flow-node:is([data-ai-type=analysis],[data-kind=condition]).state-active .node-symbol>svg{animation:node-decide 1.1s ease-in-out infinite}.flow-node:is([data-kind=delay],[data-kind=calendar],[data-kind=loop]).state-active .node-symbol>svg{animation:node-orbit 1.7s linear infinite}.flow-node[data-kind=review].state-paused .node-symbol{box-shadow:0 0 0 5px #ffd37d15;color:#ffe3a4}.flow-node[data-kind=review].state-paused .node-symbol:after{content:'';position:absolute;inset:-6px;border:1px solid #ffd37d;border-radius:11px;animation:node-signal 1.6s ease-out infinite;pointer-events:none}.flow-node[data-kind=trigger].state-active .node-symbol>svg{animation:node-trigger .65s ease-in-out infinite}
@keyframes node-signal{0%{transform:scale(.85);opacity:.8}100%{transform:scale(1.3);opacity:0}}@keyframes node-think{0%,100%{transform:scale(.88) rotate(-9deg)}50%{transform:scale(1.13) rotate(9deg)}}@keyframes node-speak{0%,100%{transform:translateY(1px) scale(.94)}45%{transform:translateY(-3px) scale(1.06)}}@keyframes node-link{0%,100%{transform:translateX(-2px)}50%{transform:translateX(3px)}}@keyframes node-scan{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(25px);opacity:1}}@keyframes node-decide{0%,100%{transform:scaleX(.85);opacity:.65}50%{transform:scaleX(1.1);opacity:1}}@keyframes node-orbit{to{transform:rotate(360deg)}}@keyframes node-trigger{0%,100%{transform:scale(.9);filter:none}50%{transform:scale(1.15);filter:drop-shadow(0 0 5px currentColor)}}
@media(min-width:1500px){.node-library{max-height:510px}}
@media(max-width:1150px){.task-dock{gap:10px 15px;padding-inline:12px}.runner-summary{margin-left:auto;max-width:130px;font-size:7px}.canvas-zoom{margin-left:0}.runner-current strong{max-width:400px}.runner-loop{gap:8px}.runner-loop>span{max-width:130px}}
@media(max-width:1000px) and (min-width:761px){.node-inspector-form .role-explanation{grid-row:2 / span 5}.node-actions-top{grid-row:1;grid-column:1/-1}.node-behavior,.node-inspector-form .custom-fields{grid-column:1/-1}.board-focused .task-dock{gap:7px 13px}.runner-loop>span{display:none}.board-focused.show-run-details .board-test-row{grid-template-columns:1fr 1fr 1fr}.board-focused.show-run-details .run-log{grid-column:auto}.board-focused.show-run-details .run-log ol{columns:auto}}
@media(max-width:760px){.create-custom{grid-column:1/-1;min-height:36px;margin:0;padding:7px 10px}.create-custom>span{display:flex;align-items:baseline;gap:10px}.create-custom small{margin:0;font-size:9px}.control-actions{gap:7px}.control-actions .demo-label{margin-right:auto}.control-actions .small-button{font-size:10px}.control-actions .stop-flow{font-size:10px;min-height:36px;padding-inline:10px}.task-dock{display:block;padding:11px}.task-compose>label{font-size:10px}.task-input-row input{font-size:16px;height:38px}.task-input-row button{font-size:10px;min-width:79px}.task-queue-area{margin-top:11px}.task-queue{max-height:41px}.task-queue>li{max-width:230px}.runner-controls{margin-top:9px;gap:9px;flex-wrap:wrap;padding-top:8px}.runner-current{flex-basis:100%}.runner-current strong{font-size:10px;max-width:none}.runner-loop{flex:1;justify-content:space-between}.runner-loop>span{max-width:none}.runner-loop label{font-size:9px}.runner-loop select{font-size:16px;min-height:32px}.task-dock #approve-flow{min-height:34px}.runner-summary{display:none}.canvas-zoom{margin-left:auto}.node-actions-top>span{font-size:11px}.node-actions-top button{width:34px;height:34px}.node-quick-actions button{min-width:31px;height:29px}.appearance-fields{display:grid}.board-focused .control-brand h2{font-size:14px}.board-focused .control-actions .small-button{padding-inline:9px;font-size:9px;gap:5px}.board-focused .control-actions .stop-flow{font-size:9px;padding-inline:8px}.board-focused .task-dock{padding:8px 10px;flex-shrink:0}.board-focused .task-compose>label{margin-bottom:4px;font-size:9px}.board-focused .task-input-row input{height:34px}.board-focused .task-queue-area{margin-top:7px}.board-focused .task-queue{max-height:34px}.board-focused .task-queue-heading{margin-bottom:3px}.board-focused .task-queue>li{padding-block:4px}.board-focused .task-queue-empty{font-size:9px}.board-focused .runner-controls{margin-top:5px;padding-top:6px}.board-focused .runner-current{flex-basis:auto}.board-focused #runner-progress{max-width:260px;font-size:8px;line-height:1.4}.board-focused .runner-loop{flex:0 0 auto;margin-left:auto}.board-focused .runner-loop>span,.board-focused .runner-loop label{font-size:0}.board-focused .runner-loop>span{display:none}.board-focused .runner-loop select{font-size:11px;min-height:28px;width:77px}.board-focused .task-dock #approve-flow{font-size:9px;min-height:30px}.board-focused.show-run-details .board-test-row{max-height:35vh;grid-template-columns:1fr;gap:8px;overflow-y:auto}.board-focused.show-run-details .board-test-row>div{padding:10px}.board-focused.show-run-details .run-log{grid-column:auto}.board-focused .workflow-area{min-height:200px}.board-focused .workflow-canvas{min-height:180px}}
@media(max-width:420px){.board-focused .control-brand h2{font-size:12px}.board-focused .control-actions .small-button{font-size:8px;padding-inline:7px}.board-focused .control-actions .icon{display:none}.board-focused .control-top{gap:6px}.control-actions .demo-label{font-size:8px}.task-queue>li{max-width:190px}.task-queue>li>span,.task-queue>li>strong{max-width:140px}.board-focused #runner-progress{max-width:220px}}
@media(prefers-reduced-motion:reduce){.flow-node.state-active .node-symbol:after,.flow-node.state-paused .node-symbol:after{animation:none;transform:none;opacity:.6}.flow-node.state-active .node-symbol>svg{animation:none!important;transform:none!important}.edge-spark{display:none}.node-quick-actions{transition:none}}

/* Repeating edges and user-chosen colours retain the same editing affordances. */
.node-port[data-port=repeat]{left:auto;right:-8px;border-color:var(--node-accent);border-style:dashed}
.flow-left .node-port[data-port=repeat]{left:-8px;right:auto}
.flow-node[data-kind=loop] .node-port[data-port=out]{top:30px}
.flow-node[data-kind=loop] .node-port[data-port=repeat]{top:76px}
.flow-node[data-kind=loop] .node-port:is([data-port=out],[data-port=repeat]):after{position:absolute;right:20px;font:9px/1 sans-serif;color:#aec7dc;pointer-events:none}
.flow-node[data-kind=loop] .node-port[data-port=out]:after{content:'Next'}
.flow-node[data-kind=loop] .node-port[data-port=repeat]:after{content:'Repeat'}
.flow-node.flow-left[data-kind=loop] .node-port:is([data-port=out],[data-port=repeat]):after{right:auto;left:20px}
.edge-line{stroke:currentColor}.flow-edge.active{color:#a8e8ff}.repeat-edge .edge-line{stroke-dasharray:7 5}
.flow-node[data-node-id]{background:linear-gradient(120deg,color-mix(in srgb,var(--node-accent) 23%,#0b1d31),#081b2b)}
.flow-node[data-node-id]:not(.state-active,.state-complete,.state-done,.state-paused,.state-waiting){border-color:color-mix(in srgb,var(--node-accent) 68%,#18324a)}
.ai-control.board-focused.show-run-details .board-test-row{max-height:min(230px,25dvh)}
@media(max-width:1000px) and (min-width:761px){
 .ai-control.board-focused .control-grid{grid-template-columns:160px minmax(0,1fr) 235px;grid-template-rows:minmax(0,1fr)}
 .ai-control.board-focused.library-collapsed .control-grid{grid-template-columns:45px minmax(0,1fr) 235px}
 .ai-control.board-focused.inspector-collapsed .control-grid{grid-template-columns:160px minmax(0,1fr) 45px}
 .ai-control.board-focused.library-collapsed.inspector-collapsed .control-grid{grid-template-columns:45px minmax(0,1fr) 45px}
 .board-focused .ai-inspector{grid-column:auto;border-left:1px solid #254258;border-top:0;max-height:none;overflow:hidden}
 .board-focused .node-inspector-form{display:block}.board-focused .node-inspector-form .role-explanation{padding:14px 0 0;margin-top:4px;border-left:0;border-top:1px solid #28475c}
 .board-focused.inspector-collapsed .ai-inspector{max-height:none}.board-focused.inspector-collapsed .inspector-heading{padding:14px 8px;min-height:79px;justify-content:center}
 .board-focused.inspector-collapsed .inspector-heading>div{display:none}.board-focused .library-heading{padding-inline:8px}.board-focused.library-collapsed .library-heading{padding-inline:8px}
}

/* Incoming people and requests are distinct from the AI roles handling them. */
.library-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}.library-tabs button{font-size:9px;padding:8px 0;min-width:0}.library-instruction strong{color:#a9d6ed;font-weight:500}
.input-fields{margin-bottom:14px;padding:11px 10px;border-left:2px solid #70c4df;background:#163b4b36;grid-column:1/-1}.input-fields>.panel-eyebrow{color:#9cdbed}.input-fields>p{font-size:10px;color:#aacbdc;line-height:1.7;margin:6px 0 12px}.input-fields>button{display:inline-flex;align-items:center;gap:6px;border:1px solid #457994;border-radius:3px;padding:7px 9px;color:#c3edfa;background:#13384c;font-size:10px}.input-fields>button .icon{width:12px;height:12px}.input-fields>button:hover{border-color:#96e0f2;background:#1a4b60}.node-inspector-form .input-fields textarea{min-height:81px}
.flow-node[data-kind=trigger]{border-radius:23px 5px 5px 23px;background:linear-gradient(110deg,color-mix(in srgb,var(--node-accent) 30%,#0b2430),#071c2c)}
.flow-node[data-kind=trigger]:before{content:'INPUT';position:absolute;top:-9px;left:16px;display:block;padding:3px 7px;border:1px solid color-mix(in srgb,var(--node-accent) 65%,#21435a);border-radius:3px;background:#102a3d;color:var(--node-accent);font:7px/1.1 'IBM Plex Mono',monospace;letter-spacing:.12em;pointer-events:none}
.flow-node[data-kind=trigger] .node-symbol{border-radius:50%;background:color-mix(in srgb,var(--node-accent) 23%,#092334)}
.flow-node[data-kind=trigger] .node-handle{padding-left:17px}.flow-node[data-kind=trigger] .node-symbol:after{border-radius:50%}
.task-dock{grid-template-columns:minmax(175px,.65fr) minmax(255px,1.2fr) minmax(180px,1fr);gap:10px 17px}.task-source-field{min-width:0}.task-source-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;min-height:13px}.task-source-heading label{font-size:10px;color:#d2e9f9;line-height:1.3;font-weight:500}.task-source-heading button{border:0;padding:0;background:none;color:#9cd8eb;font-size:9px;line-height:1.4;white-space:nowrap}.task-source-heading button:hover{color:#ecfbff;text-decoration:underline;text-underline-offset:3px}.task-source-field>select{display:block;width:100%;min-width:0;height:36px;padding:7px 22px 7px 9px;border:1px solid #456a7c;border-radius:3px;background:#07202d;color:#c5e6f4;font-size:11px;line-height:1.5;text-overflow:ellipsis}.task-source-field>small{display:block;color:#82adc3;font-size:8px;line-height:1.5;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-queue .task-origin{color:#8bd9eb;font:8px/1.4 'IBM Plex Mono',monospace;letter-spacing:.02em;max-width:120px}.task-queue .task-origin:empty{display:none}
@media(max-width:1150px){.task-dock{grid-template-columns:minmax(145px,.7fr) minmax(240px,1.3fr) minmax(160px,.9fr);gap:9px 12px}.task-source-field>select{font-size:10px}.task-source-heading label{font-size:9px}.task-source-heading button{font-size:8px}}
@media(max-width:760px){
 .library-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px}.library-tabs button{font-size:9px;padding-inline:0}.library-content{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
 .task-dock{display:block}.task-source-field{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:0 9px;align-items:center;margin-bottom:8px}.task-source-heading{display:contents}.task-source-heading label{grid-column:1;grid-row:1;font-size:9px;white-space:nowrap}.task-source-field>select{grid-column:2;grid-row:1;height:32px;font-size:12px;padding-block:5px}.task-source-heading button{grid-column:3;grid-row:1;font-size:9px}.task-source-field>small{grid-column:2/-1;font-size:8px;margin-top:3px}.input-fields>p{font-size:11px}.input-fields>button{min-height:35px;font-size:11px}.board-focused .task-source-field{margin-bottom:6px;gap:0 7px}.board-focused .task-source-field>select{height:29px;font-size:11px}.board-focused .task-source-heading label,.board-focused .task-source-heading button{font-size:8px}.board-focused .task-source-field>small{font-size:7px;line-height:1.3;margin-top:2px}.board-focused .task-source-heading{margin:0}
}
.task-queue>li:not(.task-queue-empty){box-sizing:border-box;height:39px;padding:4px 8px;max-width:250px;gap:7px}
.task-queue>li>.task-copy{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0;max-width:180px;white-space:normal}
.task-queue .task-copy>.task-origin,.task-queue .task-copy>.task-message{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-queue .task-copy>.task-origin{font-size:8px;line-height:1.2;color:#8bd9eb;letter-spacing:0}
.task-queue .task-copy>.task-message{font-size:10px;line-height:1.25;color:#cce4f3}
.task-queue>li>small{flex-shrink:0;font-size:8px;line-height:1.2}
@media(max-width:760px){.task-queue{max-height:44px}.task-queue>li:not(.task-queue-empty){height:37px;max-width:250px}.board-focused .task-queue{max-height:34px}.board-focused .task-queue>li:not(.task-queue-empty){height:30px;padding:2px 7px}.board-focused .task-queue .task-copy>.task-origin{font-size:7px;line-height:1.15}.board-focused .task-queue .task-copy>.task-message{font-size:9px;line-height:1.2}}
/* Task identities stay visible when independent inputs work at the same time. */
.task-queue>li.inspected{box-shadow:inset 0 -2px #b7e8fa;border-color:#b7e8fa}
.task-queue>li>button.task-copy{display:flex;align-items:flex-start;flex-direction:column;flex:1;min-width:0;max-width:180px;padding:0;text-align:left;border-radius:2px;white-space:normal;line-height:1.3}
.task-queue>li>button.task-copy:hover .task-message{color:#fff}.task-queue>li>button.task-copy:focus-visible{outline:2px solid #b7e8fa;outline-offset:3px}
.task-queue>li.error{border-color:#edb078}.task-queue>li.error>small{color:#edc795}
.run-inspect-label{display:flex;gap:8px;align-items:center;font-size:9px;color:#acd3e6;margin:0 0 10px;min-width:0}
.run-inspect-label select{flex:1;min-width:0;width:100%;padding:5px 22px 5px 7px;background:#082333;color:#d5ecf7;border:1px solid #3c6882;border-radius:3px;font-size:10px;text-overflow:ellipsis}
.inspected-source{font-size:10px;line-height:1.6;color:#b7d9ec;border-left:2px solid #8acddd;padding-left:9px;margin:0 0 10px}
.runner-controls .review-next{color:#ffe0ad;border:1px solid #ad8c5e;background:#392c20;min-height:32px;padding:7px 10px;font-size:10px;white-space:nowrap}
.flow-node[data-active-count]:after{content:attr(data-active-count) ' requests';position:absolute;bottom:-8px;right:10px;border:1px solid var(--node-accent);background:#071c2e;color:#c9f1ff;padding:2px 6px;border-radius:3px;font:7px/1.4 'IBM Plex Mono',monospace}
@media(max-width:760px){.run-inspect-label select{font-size:12px;min-height:32px}.runner-controls .review-next{font-size:9px;min-height:30px}.board-focused .runner-controls .review-next{font-size:8px;padding:5px 7px}.task-queue-heading{gap:6px}.task-queue-heading>span{font-size:8px}}

/* Keep the first action above the canvas; explanations remain available after playback. */
.ai-control>.task-dock{border-top:0;border-bottom:1px solid #31526c}
.guide-handover-explanations{margin-top:13px;border-top:1px solid #456781;padding-top:10px;color:#c1dced;font-size:12px;line-height:1.65}
.guide-handover-explanations summary{cursor:pointer;color:#a5e3ff;padding-block:4px}
.guide-handover-explanations ol{padding-left:21px;max-height:230px;overflow:auto;scrollbar-width:thin}
.guide-handover-explanations li{padding:7px 4px 7px 2px}
.guide-handover-explanations li strong{color:#e7f5ff;font-weight:500}
.guide-handover-explanations p{margin:4px 0 0;color:#b5cfe4}
.board-focused #guide-explore{flex:0 0 auto;max-height:min(260px,32dvh);overflow:auto;scrollbar-width:thin}
@media(max-width:760px){.guide-handover-explanations{font-size:12px}.board-focused .guide-handover-explanations ol{max-height:160px}}

/* Optional experiments reveal one practical lesson at a time. */
#guide-explore{min-width:0;border-top:1px solid #31526c;color:#bbd3e7;font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.explore-help>summary{cursor:pointer;padding:13px 20px;color:#a8e7ff;font-size:12px}
.explore-intro,.explore-footer,.explore-status{margin:0;padding:10px 20px}
.explore-experiments{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding:0 20px}
.explore-experiment{border-top:1px solid #33526a;padding:9px 0;min-width:0}
.explore-experiment>summary{cursor:pointer;color:#e0f0fc;padding:5px 0;font-weight:500}
.explore-experiment p{margin:10px 0}.explore-experiment ol{padding-left:20px}.explore-experiment li{padding:4px 0}
#guide-explore button,#guide-explore a{display:inline-flex;align-items:center;min-height:36px;padding:7px 11px;border:1px solid #6085a2;border-radius:3px 9px 3px 9px;background:#122c42;color:#d7f2ff;font-size:12px;text-decoration:none;cursor:pointer}
#guide-explore button:hover,#guide-explore a:hover{background:#1c405b;color:#fff;border-color:#a2d8f5}
#guide-explore :is(button,a,summary):focus-visible{outline:2px solid #a1e8ff;outline-offset:3px}
.explore-glossary{margin:8px 20px;border-top:1px solid #33526a;padding-top:12px}
.explore-glossary>summary{cursor:pointer;color:#a8e7ff}.explore-glossary dl{display:grid;grid-template-columns:140px minmax(0,1fr);gap:9px 18px}
.explore-glossary dt{color:#e2f3ff;font-weight:500}.explore-glossary dd{margin:0}
.explore-footer{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.explore-status{color:#d6ecff;border-left:2px solid #7dd9ed;margin:5px 20px 15px;padding:8px 12px;background:#123047}
@media(max-width:760px){.explore-experiments{grid-template-columns:1fr;padding-inline:13px}.explore-help>summary{padding:12px 13px}.explore-glossary{margin-inline:13px}.explore-glossary dl{grid-template-columns:1fr;gap:3px}.explore-glossary dd{margin-bottom:12px}.explore-footer,.explore-intro{padding-inline:13px}#guide-explore button,#guide-explore a{min-height:40px}.board-focused .explore-help>summary{padding-block:8px}}