:root{--bg:#0d121d;--surface:#151d2b;--raised:#1b2535;--nav:#0b0f18;--line:#2c3a4e;--ink:#ecf0f8;--muted:#a5b2c6;--blue:#82a8ff;--violet:#bc9cff;--teal:#72dcc3;--amber:#efc582;--red:#ffadb0;--side:218px;--radius:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 'Segoe UI',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:default}button,input,select,textarea{border-radius:7px}button,a,input,select,textarea,summary,[tabindex]{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #95b7ff;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25}h1{font-size:34px;letter-spacing:-1.2px;font-weight:600;margin:8px 0 10px}h2{font-size:20px;letter-spacing:-.4px;font-weight:600;margin-bottom:10px}h3{font-size:14px;letter-spacing:-.2px;font-weight:600;margin-bottom:9px}small{font-size:12px;color:var(--muted)}svg{display:block;width:20px;height:20px;flex-shrink:0}b,strong{font-weight:600}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:10px;padding:12px;background:var(--surface);z-index:100}.demo-disclosure{display:flex;justify-content:space-between;gap:15px;background:#080b12;border-bottom:1px solid #293345;padding:8px 23px;color:#bac5d8;font-size:10px;min-height:34px}.demo-disclosure b{color:#e2e9f5}.app-shell{display:grid;grid-template-columns:var(--side) minmax(0,1fr);min-height:calc(100dvh - 34px)}.sidebar{display:flex;flex-direction:column;gap:0;background:linear-gradient(160deg,#0f1320,#0b1019 70%);border-right:1px solid #273247;padding:28px 16px 20px;position:sticky;top:0;height:100dvh;overflow-y:auto;min-width:0}.brand{display:flex;align-items:center;gap:9px;margin:0 8px 30px;color:#e4edff}.brand>svg{width:32px;height:38px;color:#8badf1;filter:drop-shadow(0 0 7px #5f83e31a)}.brand>span{font-size:22px;font-weight:650;letter-spacing:2.2px;line-height:1}.brand small{display:block;font-size:7px;letter-spacing:1.5px;font-weight:400;color:#9daec9;margin-top:10px}.workspace-identity{border:1px solid #2d394b;background:#141c2b;padding:13px 10px;display:flex;gap:10px;align-items:center;border-radius:8px;font-size:12px;font-weight:600}.workspace-identity>span{width:31px;height:33px;border-radius:7px;background:#25314b;color:#b5caff;display:grid;place-content:center}.workspace-identity small{display:block;font-size:10px;font-weight:400;color:#afbdd3}.nav-caption{font-size:9px;letter-spacing:1.4px;color:#9cabbe;margin:28px 8px 12px}.nav-item{display:flex;gap:11px;align-items:center;width:100%;min-height:47px;border:1px solid transparent;background:none;padding:10px;border-radius:7px;text-align:left;color:#b4bfd1;font-size:12px;margin:3px 0}.nav-item svg{width:17px;height:17px}.nav-item:hover{background:#1a2333;color:#fff}.nav-item[aria-current=page]{background:linear-gradient(110deg,#28436b6e,#1b2b444a);border-color:#34537c;color:#bdd2ff;box-shadow:inset 3px 0 #7ca4fa}.nav-item>b{margin-left:auto;background:#6b5429;color:#ffe2ab;min-width:18px;text-align:center;border-radius:5px;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:35px}.local-note{border:1px solid #2a374c;background:linear-gradient(145deg,#182338,#111925);padding:14px 12px;border-radius:9px}.local-note b{font-size:11px;color:#d5e0f2}.local-note p{font-size:11px;color:#aab9d0;margin:8px 0 0;line-height:1.7}.sidebar-bottom>a{display:flex;align-items:center;min-height:44px;font-size:11px;color:#b9cae7;margin:9px 7px 0}.sidebar-bottom>a:last-child{color:#91b5ff;margin-top:0}.workspace-shell{min-width:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 25% 0,#273e6520,transparent 40%),var(--bg)}.topbar{height:68px;min-height:68px;border-bottom:1px solid #2a3546;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#101622d9}.topbar-left,.topbar-right{display:flex;gap:15px;align-items:center;min-width:0}.breadcrumb{font-size:10px;letter-spacing:.8px;color:#acb9d0;display:flex;gap:15px;align-items:center}.breadcrumb i{font-style:normal;color:#74839a}.breadcrumb b{color:#dce6f8;font-size:12px;font-weight:500;letter-spacing:0}.local-indicator{font-size:9px;letter-spacing:1.2px;color:#a9c5bf;display:flex;gap:8px;align-items:center}.local-indicator i{width:5px;height:5px;background:#77d5be;border-radius:50%}#mobile-menu{display:none}#workspace{padding:30px 28px 35px;flex:1;min-width:0;width:100%;max-width:1900px;margin:auto;outline:none}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px}.page-heading p{color:var(--muted);font-size:12px;margin:0;max-width:650px}.eyebrow{display:block;font-size:9px;letter-spacing:1.7px;color:#9db5e1;font-weight:600}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.button{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border:1px solid #38547f;background:#233d62;color:#d9e7ff;font-size:12px;font-weight:550;line-height:1.45;text-align:center;white-space:normal;box-shadow:0 2px 5px #00000015;transition:background .15s,border-color .15s}.button svg{width:16px;height:16px}.button:hover{background:#2c4d79;border-color:#678bc7}.button.primary{background:linear-gradient(120deg,#345d9e,#416eae);border-color:#6b8fc8;color:white;box-shadow:inset 0 1px #aac6fa26,0 4px 12px #32568a12}.button.primary:hover{background:#487cbd}.button.quiet{background:#192232;border-color:#344256;color:#c7d4ea;box-shadow:none}.button.quiet:hover{background:#223148;border-color:#6583ae}.button.small{min-height:34px;padding:7px 10px;font-size:11px}.button.run-button{background:linear-gradient(110deg,#1b544d,#246b60);border-color:#3a9888;color:#dffff5}.button.run-button:hover{background:#287b6d}.button.amber-button{background:#574425;border-color:#98733d;color:#ffe4b6}.button.danger{background:#4b2632;border-color:#895061;color:#ffccd2}.button.danger:hover{background:#673444}.text-button{border:0;background:none;color:#a8c8ff;padding:7px 3px;min-height:36px;font-size:11px}.icon-button{border:1px solid transparent;background:transparent;min-width:36px;min-height:36px;display:inline-grid;place-content:center;color:#c5d3e8;font-size:20px}.icon-button:hover{background:#263550;border-color:#415578}.tag{display:inline-flex;align-items:center;border:1px solid #395173;background:#233750;color:#c6ddff;font-size:10px;padding:4px 8px;border-radius:5px;line-height:1.4;white-space:nowrap}.tag.success{border-color:#376b60;background:#1c3935;color:#9fead7}.tag.amber{border-color:#856438;background:#3b3021;color:#f7d49c}.tag.error{border-color:#7d4755;background:#3e2530;color:#ffc2cb}.field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:11px;color:#c3cfe3;margin-bottom:15px}.field>span,.field>label{font-weight:500;line-height:1.5}input,select,textarea{background:#111a28;color:#e5edf9;border:1px solid #3a4b63;min-height:42px;padding:10px 11px;font-size:12px;width:100%;max-width:100%;min-width:0}input::placeholder,textarea::placeholder{color:#9cacc2}select{color-scheme:dark}textarea{min-height:90px;resize:vertical;line-height:1.6}input[type=number]{color-scheme:dark}summary{cursor:pointer;min-height:38px;display:flex;align-items:center;color:#b4c9ed;font-size:12px;padding:7px 0;list-style:none}summary:before{content:'+';margin-right:9px;color:#93b2e6;font-size:16px}details[open]>summary:before{content:'−'}.support-copy{font-size:11px;line-height:1.75;color:#b2bfd3}.form-error{color:#ffc0c9;font-size:12px;line-height:1.6;margin:10px 0}.form-error:empty{display:none}
.workflow-title{display:flex;align-items:center;gap:12px;margin:0 0 17px;min-width:0}.workflow-title>label{font-size:9px;letter-spacing:1.4px;color:#92a9cc}.workflow-title input{font-size:14px;font-weight:500;max-width:360px;background:#151e2d;border-color:#30415b;min-height:42px}.draft-state{font-size:10px;color:#a7b6cb;margin-left:auto;max-width:280px;text-align:right}.builder-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:18px;align-items:start}.canvas-panel{min-width:0;background:#121a28;border:1px solid #34435c;border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #00000017}.canvas-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:linear-gradient(115deg,#1d2a40,#152032);border-bottom:1px solid #34435c}.canvas-top>div:first-child{display:flex;flex-direction:column;gap:4px}.canvas-top b{font-size:13px;font-weight:550}.canvas-top span{font-size:10px;color:#b0c1da}.canvas-controls{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid #2d3b52;background:#141d2c;gap:12px}.canvas-controls .actions{gap:4px}.canvas-controls .icon-button{font-size:17px;min-width:30px;min-height:30px;border:1px solid #32425d;background:#1a273b}.canvas-controls .button{min-height:30px;font-size:10px;padding:5px 8px}.canvas-controls .button[aria-pressed=true]{background:#294e76;color:#e5f0ff;border-color:#7193c7}#zoom-level{font-size:10px;color:#c2d3ee;min-width:34px;text-align:center}.canvas-viewport{height:585px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 60% 30%,#2d427123,transparent 60%),radial-gradient(#34435c70 .75px,transparent .75px),#101925;background-size:auto,20px 20px,auto;touch-action:pan-y}.canvas-plane{position:absolute;top:0;left:0;width:1300px;height:900px;transform-origin:0 0;will-change:transform}.canvas-viewport.pan-enabled{cursor:grab;touch-action:none}.canvas-viewport.pan-enabled:active{cursor:grabbing}.connection-layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}.connection-layer path{fill:none;stroke:#5983c3;stroke-width:1.8;opacity:.75}.connection-layer circle{fill:#8bb4f0;stroke:#172c4b;stroke-width:2}.connection-layer text{fill:#acc5ed;font-size:11px;font-family:'Segoe UI',Arial,sans-serif}.node-card{position:absolute;width:190px;min-height:91px;background:linear-gradient(145deg,#202e44,#182435);border:1px solid #466087;border-radius:9px;box-shadow:0 5px 15px #00000026;z-index:1;color:#e4edff}.node-main{display:flex;align-items:center;gap:10px;border:0;background:none;padding:12px 11px 10px;min-height:65px;width:100%;text-align:left;color:inherit}.node-main>span:last-child{min-width:0}.node-main small{display:block;font-size:8px;letter-spacing:1px;color:#bdd0ee;margin-bottom:4px}.node-main b{font-size:13px;line-height:1.4;font-weight:500;display:block;overflow-wrap:anywhere}.node-symbol{width:31px;height:32px;min-width:31px;display:grid;place-content:center;border-radius:7px;background:#2b476e;color:#b6d2ff;border:1px solid #4a6895}.node-symbol svg{width:18px;height:18px}.node-footer{padding:5px 8px 6px 12px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff0c;font-size:10px;color:#b1c1da}.drag-grip{border:0;background:none;font-size:18px;color:#b9cae3;min-height:23px;min-width:25px;cursor:grab;padding:0}.node-card.trigger{border-color:#93723e;background:linear-gradient(145deg,#382e24,#242433)}.node-card.trigger .node-symbol{background:#4b3c25;border-color:#9b7641;color:#ffe1a4}.node-card.ai-processing{background:linear-gradient(145deg,#302b46,#20283c);border-color:#796298}.node-card.ai-processing .node-symbol{background:#4c3b6a;color:#dfc6ff;border-color:#8f71b4}.node-card.logic{background:linear-gradient(145deg,#34313a,#24283a);border-color:#8b785e}.node-card.logic .node-symbol{background:#4b3f2c;border-color:#94805d;color:#f4d29c}.node-card.action{background:linear-gradient(145deg,#1d343e,#1b2b3a);border-color:#447a7a}.node-card.action .node-symbol{background:#254a4a;color:#9be9d5;border-color:#4d8b80}.node-card.selected{outline:2px solid #8cb3ff;outline-offset:3px;box-shadow:0 5px 18px #00000038}.node-card.executed .node-footer{color:#9ee8cd}.node-card.failed{border-color:#e49ba6}.node-card.failed .node-footer{color:#ffc0c9}.node-card.waiting .node-footer{color:#f7d398}.mobile-connections{display:none}.canvas-note{padding:12px 15px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid #2c3c55;background:#141f30;color:#b9c9df;font-size:10px}.canvas-note>span{display:flex;gap:6px;align-items:center}.canvas-note>small{margin-left:auto;font-size:9px;color:#a9bcd6}.key{width:5px;height:5px;border-radius:50%;background:#89b1ee}.key.trigger,.key.logic{background:#dfbc7e}.key.ai{background:#bc9cff}.key.action{background:#72dcc3}.connection-list{border-top:1px solid #2d3d55;padding:5px 16px 8px;background:#111c2b}.connection-list summary{font-size:11px}.connection-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #293b54;font-size:11px;padding:7px 0}.connection-list small{font-size:10px;color:#adc4e5}.connection-list p{font-size:11px;color:#a4b5ce}.inspector{border:1px solid #34435b;border-radius:12px;background:linear-gradient(145deg,#1a2435,#141d2c);overflow:hidden;min-width:0}.inspector-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #34435b;padding:8px;gap:5px;background:#182234}.inspector-tabs button{min-height:38px;font-size:11px;border:1px solid transparent;background:none;color:#b5c5dc}.inspector-tabs button[aria-pressed=true]{background:#283e5d;border-color:#45658c;color:#e2edff}.inspector-content{padding:18px 16px}.simulation-label{display:flex;align-items:center;gap:8px;color:#d4b7ff;font-size:12px;margin-bottom:12px}.simulation-label svg{width:17px;height:17px}.input-details{margin:-3px 0 16px}.input-details summary{font-size:11px}.inspector-content .run-button,.inspector-content form>.button{width:100%}.inspector-node{display:flex;align-items:center;gap:11px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #34445d}.inspector-node>span{padding:10px;background:#293d5c;border:1px solid #49648d;border-radius:9px;color:#bad2fa}.inspector-node.violet>span{background:#48345e;border-color:#8867a8;color:#e4ceff}.inspector-node small,.inspector-node b{display:block}.inspector-node small{font-size:10px;margin-bottom:3px}.inspector-node b{font-size:13px}.inspector-section{border-top:1px solid #34445d;margin-top:20px;padding-top:18px}.inspector-section p{font-size:11px;color:#adbbd1;line-height:1.7}.inspector-section h3{margin-bottom:8px}.inspector-section .danger{width:100%;font-size:11px}.position-controls .icon-button{border-color:#395173;background:#23344e;min-width:44px;min-height:40px}.validation{padding:16px 20px;border:1px solid #426f65;background:#152e2c;border-radius:9px;margin-bottom:18px;color:#b7f3df;font-size:12px}.validation.invalid{border-color:#8b5662;background:#352330;color:#ffd1d8}.validation p{margin:5px 0 0}.validation ul{padding-left:20px;margin:10px 0 0}.run-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;border:1px solid #3d5779;background:linear-gradient(110deg,#1c2d47,#172334);border-radius:12px;margin-top:22px;padding:23px}.run-summary h2{font-size:19px;margin:7px 0}.run-summary p{font-size:12px;color:#b8c8df;margin:0}.run-facts{display:flex;flex-wrap:wrap;gap:20px;width:100%;padding-top:15px;border-top:1px solid #395170}.run-facts span{font-size:11px;color:#b7c8e0}.run-facts b{font-size:17px;font-weight:500;color:#dbe9ff;margin-right:5px}.decision-reason{border-left:2px solid #ac8bdf;background:#30284288;padding:12px 15px;color:#dbc8f9;font-size:12px;line-height:1.75;width:100%}
.toolbar{display:flex;align-items:end;gap:15px;flex-wrap:wrap;margin-bottom:22px}.toolbar .field{margin:0;min-width:170px}.toolbar .field:first-child{flex:1;max-width:450px}.template-grid,.connector-grid,.saved-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.template-card,.connector-card,.saved-card{padding:25px;border:1px solid #34465e;background:linear-gradient(145deg,#1c293d,#141e2e);border-radius:12px;min-width:0;display:flex;flex-direction:column}.template-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.template-symbol{padding:11px;background:#2d2b48;border:1px solid #5c507a;border-radius:10px;color:#d3b9fc}.template-top .eyebrow{font-size:8px;text-align:right;letter-spacing:1.2px;color:#b0c1de}.template-card h2{font-size:20px;margin-bottom:12px}.template-card>p,.connector-card p,.saved-card p{font-size:12px;color:#b4c3da;line-height:1.8;margin-bottom:18px}.template-flow{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:5px 0 15px}.template-flow>i{padding:7px;background:#243550;border:1px solid #425e86;color:#acc7f0;border-radius:6px}.template-flow svg{width:13px;height:13px}.template-flow>span{color:#7893bb;font-size:10px}.template-flow small{font-size:9px;color:#b1c5e1}.template-card details{border-top:1px solid #344963;padding-top:8px;margin-bottom:18px;font-size:12px}.template-card details p{font-size:11px;color:#b2c3dc;margin:6px 0 16px}.template-card details b{color:#d3e1f4;font-size:11px}.template-card details summary{font-size:11px}.template-card>.button{margin-top:auto;align-self:flex-start}.empty{border:1px dashed #41546f;background:#131e2e;border-radius:12px;padding:35px 24px;text-align:center;color:#b5c7e1;min-width:0}.empty>span{display:inline-flex;border:1px solid #46577a;padding:12px;border-radius:10px;color:#a7bff0;background:#24334f;margin-bottom:18px}.empty h2{font-size:19px;color:#dce7f9;margin-bottom:12px}.empty p{font-size:12px;max-width:460px;margin:0 auto;line-height:1.75}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:15px}.section-heading h2{margin:8px 0 0}.approval-card{border:1px solid #8a6e44;background:linear-gradient(135deg,#2d2931,#192232);padding:27px;border-radius:12px;margin-bottom:20px}.approval-card>p{color:#d9c4a5;font-size:13px}.approval-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px;background:#1019257a;border:1px solid #5c503f;border-radius:9px;padding:20px;margin:20px 0}.approval-columns h3{color:#e9d0aa}.approval-columns p{font-size:12px;color:#c2cadd;line-height:1.8}.approval-columns small{font-size:11px}.approval-form .field{max-width:800px}.approval-form .actions{margin-top:19px}.history-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;align-items:start}.run-list{display:flex;flex-direction:column;gap:10px;min-width:0}.run-list>button{padding:16px;text-align:left;display:flex;gap:9px;flex-wrap:wrap;justify-content:space-between;align-items:center;border:1px solid #354963;background:#192538;border-radius:9px}.run-list>button>span:first-child{min-width:0}.run-list b,.run-list small{display:block}.run-list b{font-size:13px;margin-top:5px;font-weight:500}.run-list small{font-size:10px;color:#b5c5dc}.run-list>button>small{width:100%}.run-list>button[aria-pressed=true]{border-color:#7d9ed2;background:#243b5b;box-shadow:inset 3px 0 #88aef6}.execution-detail{border:1px solid #3b5071;background:linear-gradient(145deg,#1a293e,#131f30);border-radius:12px;padding:25px;min-width:0}.execution-detail>p{font-size:12px;color:#c1cfe4}.snapshot{font-size:12px;border-bottom:1px solid #344a67;margin-bottom:18px;padding-bottom:12px}.snapshot p{font-size:11px;color:#afc0db;margin:10px 0}.draft-preview{padding:16px;border:1px solid #64547b;background:#31273e;border-radius:8px;margin-bottom:20px}.draft-preview b{font-size:12px;color:#dfc8fb}.draft-preview p{font-size:12px;color:#d4c6e4;margin:7px 0 0}.execution-log{list-style:none;margin:0;padding:0}.execution-log>li{display:flex;gap:13px;padding:17px 0;border-bottom:1px solid #324660}.step-number{flex-shrink:0;width:27px;height:28px;border-radius:6px;display:grid;place-content:center;background:#2a3d58;border:1px solid #4b668c;color:#d7e8ff;font-size:11px;margin-top:1px}.execution-log>li>div{flex:1;min-width:0}.log-title{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.log-title b{font-size:12px;font-weight:500}.execution-log p{font-size:12px;line-height:1.8;color:#bccce3;margin:8px 0 6px}.execution-log time,.execution-log small{font-size:10px;color:#a6bad7;margin-right:13px}.log-failed .step-number{background:#4d2a38;color:#ffc2cf;border-color:#92566b}.log-retry .step-number{background:#504026;color:#f9d398;border-color:#987b43}.action-results{margin:22px 0}.action-results h3{color:#9bdfca}.action-results p{display:flex;gap:10px;align-items:flex-start;color:#c8e8dd;font-size:12px}.action-results svg{width:15px;height:15px;color:#8ae1c5;margin-top:2px}.action-results small{display:block;color:#a3c0b9;font-size:10px;margin-top:5px}.connector-card>span{padding:15px;background:#23354c;border:1px solid #45627e;align-self:flex-start;border-radius:10px;color:#abc6e7;margin-bottom:20px}.connector-card>small{font-size:8px;letter-spacing:1.5px;color:#a4bddc;margin-bottom:10px}.connector-card h2{font-size:22px}.connector-card p.connector-disclaimer{padding:10px 12px;background:#132b2c;border:1px solid #315c58;color:#b6dbd0;font-size:11px;border-radius:7px;margin-top:auto}.connector-card .button{align-self:flex-start}.connector-explanation>svg{width:38px;height:38px;color:#a6c7f8;margin:20px 0}.connector-explanation p{font-size:13px;color:#b8cbe6;line-height:1.8}.impact-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-bottom:24px}.impact-metrics>div{padding:19px;border:1px solid #3a4b66;background:linear-gradient(145deg,#213149,#18243a);border-radius:10px}.impact-metrics small{font-size:11px;color:#b3c6e1}.impact-metrics b{font-size:30px;font-weight:500;display:block;line-height:1.3;margin-top:10px;color:#e1edff}.impact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.impact-hero{border:1px solid #44796e;border-radius:12px;padding:32px;background:radial-gradient(ellipse at 100% 0,#306e6a42,transparent 60%),linear-gradient(120deg,#18332f,#152935)}.impact-hero>.eyebrow{color:#a4dbce}.impact-hero h2{font-size:58px;font-weight:400;color:#b8f3df;margin:22px 0 8px;letter-spacing:-2px}.impact-hero h2 small{font-size:16px;letter-spacing:0;color:#b8d8cf}.impact-hero>p{color:#b7d8ce;font-size:13px}.impact-hero .efficiency{font-size:17px;color:#d3eee5;margin:25px 0}.formula{border-top:1px solid #41665f;padding:20px 0;font-size:12px;color:#bad9d0;line-height:2}.impact-hero .support-copy{font-size:11px;color:#b5d0c6}.settings-panel{padding:28px;background:#19283c;border:1px solid #3a5274;border-radius:12px}.settings-panel h2{font-size:22px;margin-bottom:24px}.settings-panel p{font-size:12px;color:#b2c5e2;line-height:1.8}.saved-card>span{align-self:flex-start;padding:10px;background:#253b5b;border:1px solid #5276a1;border-radius:9px;color:#bed9fa;margin-bottom:20px}.saved-card>.button{margin-top:auto;align-self:flex-start}.saved-card>small{display:block;font-size:11px;margin-bottom:15px}.app-footer{padding:18px 28px;border-top:1px solid #293d56;display:flex;gap:15px;justify-content:space-between;font-size:10px;color:#a9bddb;background:#101826}
dialog{color:var(--ink);border:1px solid #50678c;background:linear-gradient(145deg,#1f2e45,#142135);border-radius:13px;box-shadow:0 24px 100px #00000070;padding:25px;width:min(740px,calc(100% - 28px));max-height:calc(100dvh - 30px);overflow-y:auto;color-scheme:dark}dialog::backdrop{background:#040812b8;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.dialog-top .eyebrow{font-size:8px;color:#aec5e8}.dialog-top .icon-button{font-size:26px}#dialog-title{font-size:29px;font-weight:500;margin-bottom:12px}.dialog-intro{font-size:13px;color:#becfe7;line-height:1.8;margin-bottom:22px}#dialog-content>p{color:#b6cae6;font-size:13px}.node-library{display:grid;grid-template-columns:1fr 1fr;gap:10px}.node-library>button{display:flex;gap:11px;align-items:center;text-align:left;padding:13px 12px;min-height:72px;border:1px solid #41597d;background:#1c304b;border-radius:8px;color:#d9e8ff}.node-library>button:hover{background:#29446a;border-color:#82a4d8}.node-library>button>span:nth-child(2){flex:1;min-width:0}.node-library b{display:block;font-size:12px;font-weight:500}.node-library small{display:block;font-size:10px;color:#b4c8e6;margin-top:4px}.node-library i{font-size:18px;font-style:normal;color:#a4c3f3}.node-library .node-symbol.trigger{color:#f7d49c;background:#52412a;border-color:#947946}.node-library .node-symbol.ai-processing{color:#dbc0ff;background:#4e3a6c;border-color:#8b6db1}.node-library .node-symbol.logic{color:#f5d09b;background:#51412a;border-color:#93754c}.node-library .node-symbol.action{color:#a0edd6;background:#2b504c;border-color:#4f8d80}.back-link{display:block;min-height:44px;font-size:13px;color:#b3cdf6;margin-top:20px}.toast{position:fixed;left:calc(var(--side) + 28px);bottom:24px;z-index:70;max-width:min(650px,calc(100vw - var(--side) - 60px));padding:14px 20px;border:1px solid #6789b9;background:#203b5c;color:#e4f0ff;box-shadow:0 6px 28px #00000050;border-radius:9px;font-size:12px;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translateY(0)}
@media(min-width:1700px){:root{--side:235px}#workspace{padding:35px 38px}.builder-grid{grid-template-columns:minmax(0,1fr) 320px;gap:22px}.canvas-viewport{height:660px}.page-heading h1{font-size:40px}.node-main b{font-size:14px}.page-heading p{font-size:13px}.inspector-content{padding:22px}.topbar{padding:0 38px}.sidebar{padding-top:32px}.nav-item{font-size:13px}}
@media(max-width:1250px){:root{--side:195px}#workspace{padding:27px 22px}.topbar{padding:0 22px}.brand{margin-left:4px;gap:6px}.brand>span{font-size:19px;letter-spacing:1.7px}.brand>svg{width:27px}.brand small{font-size:6px}.sidebar{padding-left:12px;padding-right:12px}.nav-item{font-size:11px;gap:9px}.builder-grid{grid-template-columns:minmax(0,1fr) 265px;gap:14px}.page-heading{align-items:flex-start}.page-heading .actions{max-width:270px;justify-content:flex-end}.page-heading h1{font-size:30px}.page-heading p{font-size:11px}.canvas-top{padding:13px;flex-wrap:wrap}.canvas-top .actions{margin-left:auto}.canvas-controls{padding:8px;gap:7px}.canvas-note{gap:9px;font-size:9px}.draft-state{font-size:9px;max-width:210px}.template-grid,.connector-grid,.saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.impact-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.history-grid{grid-template-columns:270px minmax(0,1fr);gap:16px}}
@media(max-width:960px){:root{--side:0px}.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}#mobile-menu{display:grid}.topbar{height:62px;min-height:62px}#workspace{padding:24px 20px}.page-heading h1{font-size:32px}.page-heading .actions{max-width:none}.breadcrumb{font-size:0;gap:0}.breadcrumb i{display:none}.breadcrumb b{font-size:12px}.builder-grid{grid-template-columns:minmax(0,1fr) 280px}.demo-disclosure{font-size:9px}.impact-grid{grid-template-columns:1fr 1fr}.toast{left:20px;right:20px;max-width:none}#nav-dialog{max-width:360px;width:calc(100% - 30px);margin:15px;max-height:calc(100dvh - 30px);padding:21px}#nav-dialog .nav-item{font-size:13px;min-height:49px}.history-grid{grid-template-columns:250px minmax(0,1fr)}.local-indicator{font-size:8px;letter-spacing:.8px}}
@media(max-width:700px){.demo-disclosure{flex-direction:column;gap:3px;padding:8px 16px;font-size:9px;line-height:1.5}.topbar{padding:0 15px;gap:10px}.topbar-left,.topbar-right{gap:9px}.breadcrumb b{font-size:11px;max-width:115px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.topbar .local-indicator{display:none}.topbar .button.small{min-height:40px;font-size:11px}.topbar #mobile-menu{font-size:20px;min-height:40px;min-width:30px}#workspace{padding:25px 15px 28px}.page-heading{display:block;margin-bottom:23px}.page-heading h1{font-size:30px;margin:10px 0 12px;line-height:1.15;max-width:330px;letter-spacing:-.7px}.page-heading p{font-size:12px;line-height:1.8}.page-heading .actions{margin-top:20px;justify-content:flex-start;gap:7px}.page-heading .button{font-size:11px;min-height:44px;padding:9px 11px}.eyebrow{font-size:9px}.workflow-title{flex-wrap:wrap;gap:8px;margin-bottom:18px}.workflow-title label{font-size:9px}.workflow-title input{max-width:none;flex:1;font-size:13px;min-width:180px;min-height:44px}.draft-state{text-align:left;max-width:none;width:100%;font-size:10px;margin:0;line-height:1.6}.builder-grid{display:flex;flex-direction:column;gap:18px}.canvas-panel,.inspector{width:100%}.canvas-top{padding:15px 13px;gap:13px;align-items:flex-start}.canvas-top>div:first-child{gap:3px}.canvas-top b{font-size:14px}.canvas-top span{font-size:11px}.canvas-top .actions{margin:0}.canvas-top .button{min-height:42px;font-size:11px;padding:8px 11px}.canvas-controls{display:none}.canvas-viewport{height:auto;min-height:0;padding:18px 15px;overflow:visible;touch-action:pan-y;background-size:auto,18px 18px,auto}.canvas-plane{position:relative;display:flex;flex-direction:column;gap:26px;transform:none!important;width:100%!important;height:auto!important;top:auto;left:auto;will-change:auto}.connection-layer{display:none}.node-card{position:relative!important;left:auto!important;top:auto!important;width:100%;min-height:0;border-radius:10px}.node-card:after{content:'↓';position:absolute;bottom:-25px;left:20px;color:#8bacdd;font-size:16px}.node-card:last-child:after{display:none}.node-main{min-height:74px;padding:15px;gap:13px}.node-main small{font-size:9px;letter-spacing:1px}.node-main b{font-size:14px;line-height:1.5}.node-symbol{width:37px;height:38px;min-width:37px}.node-symbol svg{width:21px;height:21px}.node-footer{padding:8px 15px;font-size:11px}.drag-grip{display:none}.mobile-connections{display:flex;flex-direction:column;gap:5px;padding:10px 15px;border-top:1px solid #ffffff14;color:#b6cce9;font-size:10px;line-height:1.6}.canvas-note{font-size:10px;padding:15px;gap:10px}.canvas-note small{font-size:10px;margin:0;width:100%}.connection-list{padding:7px 13px 12px}.connection-list summary{min-height:44px;font-size:12px}.connection-list>div{font-size:11px;gap:12px;align-items:flex-start;flex-wrap:wrap;padding:10px 0}.connection-list .text-button{font-size:12px;min-height:40px}.connection-list small{font-size:11px}.inspector-tabs{padding:10px;gap:8px}.inspector-tabs button{min-height:44px;font-size:13px}.inspector-content{padding:20px}.simulation-label{font-size:14px}.support-copy{font-size:12px}.field{font-size:12px;gap:8px;margin-bottom:17px}input,select,textarea{font-size:14px;min-height:46px;padding:11px 12px}textarea{min-height:110px}.input-details summary{min-height:44px;font-size:12px}.inspector-content .button{min-height:46px;font-size:13px}.inspector-node b{font-size:15px}.inspector-node small{font-size:12px}.inspector-section h3{font-size:15px}.inspector-section p{font-size:12px}.position-controls{display:none}.run-summary{padding:20px;gap:18px;margin-top:20px}.run-summary h2{font-size:20px}.run-summary p{font-size:12px;line-height:1.8}.run-facts{gap:12px}.run-facts span{font-size:11px}.run-facts b{font-size:16px}.run-summary .actions{width:100%}.run-summary .button{min-height:44px}.toolbar{align-items:stretch;gap:14px}.toolbar .field,.toolbar .field:first-child{width:100%;max-width:none;flex:auto}.template-grid,.connector-grid,.saved-grid{grid-template-columns:1fr;gap:17px}.template-card,.connector-card,.saved-card{padding:23px}.template-card h2,.connector-card h2,.saved-card h2{font-size:23px}.template-card>p,.connector-card p,.saved-card p{font-size:13px}.template-card details summary{min-height:44px;font-size:12px}.template-card details p{font-size:12px}.template-card>.button,.connector-card>.button,.saved-card>.button{min-height:44px;font-size:13px}.template-top .eyebrow{font-size:9px}.template-flow>i{padding:8px}.template-flow small{font-size:10px}.approval-card{padding:22px 18px}.section-heading{gap:12px;flex-wrap:wrap}.section-heading h2{font-size:22px}.approval-columns{grid-template-columns:1fr;gap:18px;padding:18px}.approval-columns p{font-size:13px}.approval-columns small{font-size:12px}.approval-form .actions{align-items:stretch}.approval-form .button{min-height:46px;font-size:12px}.history-grid{display:flex;flex-direction:column;gap:20px}.run-list,.execution-detail{width:100%}.run-list>button{padding:17px;font-size:13px}.run-list b{font-size:14px}.run-list small{font-size:11px}.execution-detail{padding:22px 18px}.execution-log p{font-size:13px}.execution-log time,.execution-log small{font-size:11px}.log-title b{font-size:13px}.step-number{width:25px;height:27px;font-size:11px}.execution-log>li{gap:10px}.impact-metrics{grid-template-columns:1fr 1fr;gap:10px}.impact-metrics>div{padding:17px}.impact-metrics small{font-size:11px}.impact-metrics b{font-size:29px}.impact-grid{grid-template-columns:1fr;gap:18px}.impact-hero{padding:25px 20px}.impact-hero h2{font-size:48px}.impact-hero .support-copy,.formula{font-size:12px}.settings-panel{padding:25px 20px}.settings-panel h2{font-size:23px}.settings-panel p{font-size:13px}.settings-panel .button{min-height:45px}.app-footer{padding:20px 16px;flex-direction:column;gap:9px;font-size:10px;line-height:1.8}.toast{left:13px;right:13px;bottom:15px;font-size:12px;padding:14px 17px}.validation{padding:17px;font-size:12px}.node-library{grid-template-columns:1fr}.node-library>button{padding:14px;min-height:75px}.node-library b{font-size:14px}.node-library small{font-size:12px}.node-library .node-symbol{width:35px;height:36px;min-width:35px}.node-library .node-symbol svg{width:20px;height:20px}dialog{padding:22px 18px;width:calc(100% - 24px);max-height:calc(100dvh - 24px)}#dialog-title{font-size:26px}.dialog-intro{font-size:13px}.dialog-top .eyebrow{font-size:8px}.dialog-top .icon-button{min-width:40px;min-height:42px}.dialog-top{margin-bottom:18px}.tag{font-size:10px}h1,h2,h3,p,button,small,span{overflow-wrap:anywhere}}
.focused-node-picker{display:none}
.mobile-brand{display:none}
@media(max-width:960px){.mobile-brand{display:inline-flex;align-items:center;min-height:42px;font-size:14px;font-weight:650;letter-spacing:1.7px;color:#deebff}.topbar .breadcrumb{display:none}}
.connection-layer g.traversed>path{stroke:#6ad9bf;stroke-width:2.5;opacity:1}
@media(max-width:700px){.focused-node-picker{display:block;padding:16px;border-bottom:1px solid #34465f;background:#152238}.focused-node-picker p{font-size:9px;letter-spacing:1.2px;color:#adc5e9;display:flex;justify-content:space-between;margin-bottom:13px}.focused-node-picker label{display:block;font-size:12px;color:#ccd9ed;margin-bottom:8px}.focused-node-picker .actions{justify-content:space-between;margin-top:12px;gap:10px}.focused-node-picker .button{min-height:42px;font-size:12px;flex:1}.focused-node-picker small{display:block;font-size:11px;color:#b0c4e1;margin-top:12px;line-height:1.7}.canvas-plane .node-card:not(.selected){display:none}.canvas-plane .node-card:after{display:none}.mobile-connections>button{border:1px solid #496184;background:#1d324d;color:#c5dbff;padding:10px;text-align:left;font-size:12px;min-height:44px}.mobile-connections{gap:8px}.canvas-viewport{padding:22px 15px}.inspector{scroll-margin-top:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}