/* AIFORGE — Engineered Clarity. Local-only five-stage experience. */
.more-nav summary:before{display:none}.run-stage .drag-grip{visibility:hidden}
@media (max-width:1000px) {
  #toast { bottom:calc(max(20px, env(safe-area-inset-bottom)) + 60px); }
}
.entry-point>span{flex:0 0 28px;white-space:nowrap}.entry-point>div{min-width:0}.entry-point>i{flex-shrink:0}.button.primary{transition:none}.overview-node+.overview-node:before{display:none}.recorded-settings dt{font-size:14px;color:#b9cde8;margin-top:15px}.recorded-settings dd{font-size:16px;margin:4px 0;overflow-wrap:anywhere}
.run-stage .canvas-viewport{height:690px}
:root{--bg:#0b1018;--surface:#121d2b;--raised:#172334;--ink:#f3f5f8;--muted:#b9c5d5;--blue:#78abff;--violet:#baa0ff;--teal:#78d6c0;--amber:#e8b875;--line:#34475e}
body{font-size:16px;background:var(--bg);line-height:1.65}.app-shell{display:block;min-height:100vh}.workspace-shell{background:radial-gradient(ellipse at 85% 0,#142c443d,transparent 45%),var(--bg)}
button,input,select,textarea{font-size:14px}input,select,textarea{min-height:46px;background:#101c2b;border-color:#4a617f;color:var(--ink)}textarea{min-height:104px;line-height:1.6}small{font-size:13px;color:var(--muted)}
.demo-disclosure{font-size:12px;padding:8px 32px;line-height:1.6}.topbar{height:auto;min-height:80px;padding:14px 32px;justify-content:flex-start;background:#0b121c;border-color:#34475e;gap:24px}.studio-brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:650;letter-spacing:3px;white-space:nowrap}.brand-mark{color:var(--blue);font-size:37px;font-weight:700;line-height:1;transform:skew(-10deg);text-shadow:3px 2px #b4c9f0}.desktop-nav{display:flex;align-items:center;gap:7px;margin-right:auto}.desktop-nav>button,.more-nav summary{font-size:14px;min-height:44px;color:#c5d3e8;background:none;border:1px solid transparent;padding:9px 14px;white-space:nowrap}.desktop-nav>button:hover{background:#18283d}.desktop-nav>button[aria-current]{background:#20334c;border-color:#5378a9;color:var(--blue)}.topbar .button.small{font-size:13px;min-height:44px}.more-nav{position:relative}.more-nav summary{cursor:pointer;list-style:none}.more-nav summary:after{content:'⌄';margin-left:8px}.more-nav>div{position:absolute;top:100%;right:0;z-index:30;width:290px;border:1px solid #526c8d;background:#121d2b;padding:14px;border-radius:10px;box-shadow:0 20px 60px #0009}.nav-item{font-size:14px;min-height:44px}.nav-item>b{font-size:12px}#pending-review:empty{display:none}#pending-review .button{font-size:13px}
#workspace{padding:40px 36px 45px;max-width:1920px}h1{font-size:42px;letter-spacing:-1.5px;line-height:1.15}h2{font-size:24px}h3{font-size:18px}.eyebrow{font-size:12px;letter-spacing:2px;color:#b2cbed}.page-heading{margin-bottom:30px}.page-heading p{font-size:16px;line-height:1.7;max-width:750px}.page-heading .actions{justify-content:flex-end}.button,.text-button{font-size:14px;min-height:44px}.button{padding:11px 18px;border-radius:7px}.button.primary{background:linear-gradient(125deg,#88b7ff,#659bfa);border-color:#9dc4ff;color:#091321;box-shadow:inset 0 1px #d0e3ff6b,0 5px 20px #061d3d33;font-weight:650}.button.primary:hover{background:#a2c7ff;color:#091321}.button.quiet{background:#1b2b40;border-color:#536c8b;color:#e0e9f7}.button.run-button{background:#78d6c0;border-color:#a2e8d8;color:#071b18}.button.amber-button{background:linear-gradient(115deg,#f0ce96,#e1ac5e);color:#201506;border-color:#f3d8af;font-weight:700;box-shadow:0 0 0 3px #e8b87514}.button.danger{color:#ffd5db;background:#482d39;border-color:#b17483}.button.small{font-size:13px;min-height:40px}.icon-button{min-height:44px;min-width:44px}.text-button{color:#b0d0ff;text-underline-offset:5px}.tag{font-size:12px;padding:6px 10px;white-space:normal}.field{font-size:14px;gap:8px;margin-bottom:20px}.field>span{color:#dce6f5}.support-copy,.quiet-note{font-size:14px;color:var(--muted);line-height:1.7}.quiet-note{margin-top:18px}.form-error{font-size:14px}.simulation-label{font-size:16px}.input-details summary{font-size:14px;min-height:44px}.actions{gap:12px}
#stage-nav{display:flex;align-items:center;gap:24px;border-top:1px solid #324256;border-bottom:1px solid #26384d;padding:18px 36px;background:#0e1722}#stage-nav button{border:0;background:none;color:#bdcbe0;display:flex;gap:12px;align-items:center;min-height:44px;padding:7px 2px;font-size:14px}#stage-nav button+button:before{content:'';width:38px;height:1px;background:#40526a;margin-right:12px}#stage-nav button>span{font-family:Consolas,monospace;color:#82aee9;font-size:13px}#stage-nav button[aria-current]{color:#fff;border-bottom:2px solid #86b8ff}#stage-nav button:hover{color:var(--blue)}
.explore-layout{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(0,1.4fr);gap:38px;align-items:center;min-height:650px}.explore-intro h1{font-size:clamp(42px,4.05vw,72px);letter-spacing:-2px;line-height:1.08;margin:22px 0}.explore-intro h1 em{font-style:normal;color:#9ac2ff}.intro-copy{font-size:19px;max-width:500px;color:#bccde5;line-height:1.65;margin-bottom:30px}.entry-points{display:flex;flex-direction:column;gap:9px;margin-bottom:28px}.entry-point{display:flex;align-items:flex-start;gap:20px;text-align:left;width:100%;border:0;border-left:3px solid #42536e;border-radius:0;background:transparent;padding:17px 18px;color:#dce6f8}.entry-point>span{font-size:23px;font-family:Consolas,monospace;color:#94b8ef}.entry-point b{display:block;font-size:18px;line-height:1.4}.entry-point small{display:block;margin-top:6px;font-size:14px;line-height:1.6}.entry-point i{margin-left:auto;font-size:20px;font-style:normal}.entry-point.is-selected{border-color:#78abff;background:linear-gradient(90deg,#29446561,transparent)}.entry-point:hover{background:#1b2d435c}.intro-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.intro-actions>.button{font-size:16px;min-height:52px;padding:14px 24px}
.explore-stage{min-width:0;border:1px solid #3b536b;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#243e5838,transparent 75%),linear-gradient(#35485c21 1px,transparent 1px),linear-gradient(90deg,#35485c21 1px,transparent 1px),#0f1a26;background-size:auto,24px 24px,24px 24px,auto;box-shadow:0 26px 65px #0003,inset 0 1px #c5dfff0a}.preview-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 26px 0}.preview-top h2{font-size:27px;margin:10px 0}.preview-top .tag{font-size:12px;max-width:140px}.preview-graph{display:block;width:100%;height:auto;min-height:430px;max-height:650px;padding:12px;overflow:visible}.preview-node rect{fill:#202536;stroke:#bca0ff;stroke-width:1.6}.preview-node.type-form rect,.preview-node.type-email rect,.preview-node.type-schedule rect{fill:#312b24;stroke:#e8b875}.preview-node.type-confidence rect,.preview-node.type-condition rect,.preview-node.type-approval rect{fill:#302b29;stroke:#e8b875}.preview-node.type-crm rect,.preview-node.type-notify rect,.preview-node.type-ticket rect,.preview-node.type-project rect,.preview-node.type-confirmation rect{fill:#193637;stroke:#78d6c0}.preview-type{font-size:14px;fill:#d1dced;letter-spacing:1px}.preview-label{font-size:20px;line-height:1.3;font-weight:600;color:#f1f6ff}.preview-edge{fill:none;stroke:#85b5fa;stroke-width:2}.edge-label{fill:#c8dcff;font-size:15px}.stage-caption{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #40566c;margin:0 24px;padding:18px 0;color:#b9cce3;font-size:13px}.stage-caption i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#78d6c0;margin-right:8px}.preview-route-mobile{display:none}
.customize-grid{display:grid;grid-template-columns:350px minmax(0,1fr);gap:28px}.configuration-panel{padding:28px;background:#142134;border:1px solid #3b536f;border-radius:12px;align-self:start}.configuration-panel h2{font-size:23px}.configuration-panel fieldset{border:0;padding:0;margin:24px 0}.configuration-panel legend{font-size:15px;font-weight:600;margin-bottom:14px}.review-choice{display:flex;gap:12px;padding:14px 0;align-items:flex-start}.review-choice input{min-height:22px;width:22px;flex-shrink:0;accent-color:var(--blue);margin:3px 0}.review-choice b{font-size:15px}.review-choice small{display:block;font-size:13px;line-height:1.65;margin-top:6px}.configuration-panel>.button{width:100%}.configuration-explanation{padding:24px 8px}.configuration-explanation p{font-size:15px;color:#b9cce3}.customize-grid .preview-graph{min-height:390px}
.engineering-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.engineering-heading>div:first-child{min-width:0;flex:1}.engineering-heading #workflow-name{display:block;width:100%;max-width:650px;background:transparent;border-color:transparent;font-size:28px;font-weight:650;line-height:1.3;padding:8px 0;min-height:50px}.engineering-heading #workflow-name:hover,.engineering-heading #workflow-name:focus{border-color:#6c95c9;background:#142337;padding-left:12px}.draft-state{font-size:13px;margin:3px 0 0;max-width:none;text-align:left}.builder-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.canvas-panel{border-color:#3b536e;border-radius:12px}.canvas-top{padding:18px 20px;gap:16px;background:linear-gradient(110deg,#1a2a40,#111c2a)}.canvas-top b{font-size:17px}.canvas-top span{font-size:13px}.canvas-top .button{font-size:14px;min-height:42px}.canvas-controls{padding:9px 16px;gap:12px;flex-wrap:wrap;background:#152236}.canvas-controls .button{font-size:13px;min-height:40px}.canvas-controls .icon-button{min-width:38px;min-height:40px;font-size:20px}.canvas-controls #zoom-level{font-size:14px;min-width:48px;text-align:center}.canvas-viewport{height:650px;background:radial-gradient(ellipse at 55% 30%,#23445a25,transparent 70%),linear-gradient(#34516a25 1px,transparent 1px),linear-gradient(90deg,#34516a25 1px,transparent 1px),#0e1b29;background-size:auto,22px 22px,22px 22px,auto}.node-card{width:236px;min-height:112px;border-width:1.5px;box-shadow:0 8px 20px #0004,inset 0 1px #fff1}.node-card.trigger{border-radius:26px;border-color:#e8b875}.node-card.ai-processing{border-radius:6px 18px 6px 18px;border-color:#a98be5}.node-card.type-condition,.node-card.type-confidence{border-radius:24px 5px 24px 5px;border-color:#e8b875}.node-card.type-approval{border-radius:10px 10px 30px 30px;border-color:#e8b875}.node-card.action{border-radius:12px;border-color:#78bfb5}.node-main{padding:16px 14px;min-height:82px;gap:12px}.node-main b{font-size:18px;line-height:1.35}.node-main small{font-size:12px;letter-spacing:.7px;color:#d2ddeb;line-height:1.4;margin-bottom:5px}.node-symbol{min-width:36px;width:36px;height:38px}.node-symbol svg{width:23px;height:23px}.node-footer{font-size:14px;padding:7px 14px;line-height:1.4}.node-footer .drag-grip{min-width:30px;min-height:27px;font-size:20px}.node-card.selected{outline:2px solid #98c4ff;outline-offset:4px}.node-card.active-step{outline:3px solid #9ccaff;outline-offset:5px;box-shadow:0 0 0 10px #78abff17,0 8px 24px #0008}.node-card.waiting{outline:3px solid #efc27e;outline-offset:4px;box-shadow:0 0 0 9px #e8b87516}.node-card.failed{outline:2px solid #ffafb9;outline-offset:3px}.connection-layer path{fill:none;stroke:#8db9fc;stroke-width:2.2;opacity:.9}.connection-layer text{font-size:15px;fill:#d0e2ff;paint-order:stroke;stroke:#101b29;stroke-width:5px;stroke-linejoin:round}.connection-layer g.traversed>path{stroke:#8af0d4;stroke-width:3.5}.canvas-note{font-size:13px;gap:15px;padding:16px}.canvas-note small{font-size:13px}.connection-list{padding:10px 18px}.connection-list summary{font-size:14px;min-height:44px}.connection-list>div{font-size:14px;gap:15px;line-height:1.6}.connection-list small{font-size:13px}
.inspector{background:linear-gradient(135deg,#1c2c42,#142131);border-color:#4b617f;scroll-margin-top:20px}.inspector-tabs{padding:10px;gap:6px}.inspector-tabs button{font-size:15px;min-height:46px;color:#d1dff2;line-height:1.4}.inspector-tabs button[aria-selected=true]{color:#aed1ff;background:#234366;border:1px solid #91baff}.inspector-toggle{display:block;width:100%;text-align:center;font-size:13px;border-bottom:1px solid #3b526c;min-height:40px}.inspector-content{padding:24px 20px}.inspector-node b{font-size:17px}.inspector-node small{font-size:13px}.inspector-content h3{font-size:18px}.inspector-section p{font-size:14px;line-height:1.65}.inspector-content .support-copy{font-size:14px}.inspector-content .button{font-size:14px}.position-controls{display:block}.position-controls .icon-button{border:1px solid #6681a2;background:#243c57}.builder-grid.inspector-collapsed{grid-template-columns:minmax(0,1fr)}.inspector-collapsed .canvas-panel{grid-row:2}.inspector-collapsed .inspector{grid-row:1;max-width:440px;width:100%;justify-self:end}.inspector-collapsed .inspector-tabs{padding:6px}.inspector-collapsed .inspector-toggle{min-height:35px}.inspector-collapsed .canvas-viewport{height:700px}.run-stage .canvas-viewport{height:600px}.validation{font-size:15px;padding:22px}.validation p{font-size:14px}
.execution-area{margin-top:25px;padding:25px 28px;border:1px solid #49637f;border-radius:12px;background:linear-gradient(110deg,#172739,#0f1b29)}.execution-area .section-heading{margin-bottom:20px}.execution-area h2{font-size:24px;margin-bottom:0}.execution-area>p{color:#c5d4e7}.execution-area.approval-needed{border-color:#bd945b;box-shadow:inset 4px 0 #e8b875}.active-execution{display:flex;align-items:center;gap:18px;padding:20px;background:#1b3047;border-radius:10px;min-width:0}.active-execution>div{flex:1;min-width:0}.active-execution strong{font-size:21px}.active-execution p{font-size:15px;line-height:1.7;color:#ceddf0;margin:6px 0 0}.execution-orbit{display:grid;place-items:center;width:55px;height:55px;min-width:55px;border:2px solid #a8caff;border-radius:50%;color:#b6d6ff;background:#23405f}.execution-orbit svg{width:26px;height:26px}.approval-needed .execution-orbit{border-color:#f2c98a;color:#ffd492;background:#403424}.execution-trail{display:flex;gap:13px;overflow-x:auto;max-width:100%;padding:23px 1px}.execution-trail>span{position:relative;display:flex;flex-direction:column;gap:5px;min-width:165px;max-width:200px;padding:12px 15px;border-left:2px solid #527c9d;background:#142438;font-size:14px}.execution-trail>span.current{border-color:#9acaff;background:#294564}.execution-trail small{font-family:Consolas,monospace;color:#a2ceff;font-size:13px}.execution-trail b{font-size:13px;color:#b9e6d8}.playback-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.playback-controls small{font-size:13px;flex-basis:100%;padding-top:7px}.outcome-panel{padding:32px;background:#152437;border:1px solid #4a6687;border-radius:12px}.outcome-panel>p{font-size:17px;max-width:1000px}.score-disclosure{font-size:14px!important;color:#bfcee4}.outcome-actions{margin:25px 0;display:grid;gap:16px}.outcome-actions article{display:flex;gap:15px;padding:17px;border-left:2px solid var(--teal);background:#18373955}.outcome-actions article>span{color:#89e4cd;padding-top:4px}.outcome-actions small{display:block;font-size:14px;margin-top:5px}.inquiry-panel{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:36px 0;margin-top:20px;border-top:1px solid #3b536d}.inquiry-panel h2{font-size:28px;max-width:550px;margin-top:12px}.inquiry-panel p{color:#c1cee1;font-size:16px}.inquiry-panel .actions{max-width:480px}
.template-grid,.connector-grid,.saved-grid{gap:25px}.template-card,.connector-card,.saved-card{padding:28px}.template-card h2,.connector-card h2,.saved-card h2{font-size:25px}.template-card p,.connector-card p,.saved-card p,.template-card details p{font-size:15px;line-height:1.75}.template-card details summary{font-size:14px;min-height:44px}.template-flow small{font-size:13px}.toolbar .field{font-size:14px}.node-library b{font-size:16px}.node-library small{font-size:13px}.node-library>button{min-height:85px}.approval-card{padding:30px}.approval-card p{font-size:16px;line-height:1.7}.approval-columns p{font-size:16px}.approval-columns small{font-size:14px}.approval-form .button{font-size:15px}.execution-detail{padding:26px}.execution-log p{font-size:15px;line-height:1.7}.execution-log small,.execution-log time{font-size:13px}.log-title b{font-size:16px}.run-list>button{font-size:14px;padding:18px}.run-list b{font-size:16px}.run-list small{font-size:13px}.decision-reason{font-size:15px;line-height:1.7}.snapshot summary{font-size:15px;min-height:44px}.impact-metrics small,.impact-grid p,.formula{font-size:15px}.settings-panel .field{font-size:15px}.app-footer{padding:24px 36px;gap:20px;flex-wrap:wrap;font-size:13px}.app-footer a{min-height:44px;display:flex;align-items:center;color:#b0d0ff}.toast{font-size:14px;max-width:min(700px,calc(100vw - 32px));line-height:1.7}.dialog-intro{font-size:15px}dialog{max-height:calc(100dvh - 40px);overflow:auto}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #bfd9ff;outline-offset:4px}
@media(min-width:1700px){.builder-grid{grid-template-columns:minmax(0,1fr) 400px}.explore-intro h1{font-size:70px}.explore-layout{gap:65px}.canvas-viewport{height:700px}}
@media(max-width:1200px){.topbar{gap:15px;padding:14px 22px}.studio-brand{font-size:20px;letter-spacing:2px}.desktop-nav>button{padding:9px;font-size:13px}.topbar #pending-review{display:none}.builder-grid{grid-template-columns:minmax(0,1fr) 330px}.explore-layout{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:24px}.preview-top{padding:20px 20px 0}.preview-top h2{font-size:23px}.explore-intro h1{font-size:44px}.intro-copy{font-size:17px}.entry-point{padding:13px 12px;gap:13px}.entry-point b{font-size:16px}.entry-point small{font-size:13px}.engineering-heading{align-items:flex-start}.engineering-heading .actions{max-width:370px;justify-content:flex-end}#workspace{padding:30px 24px}.canvas-controls{padding:10px}.canvas-controls .actions{gap:5px}}
@media(max-width:1000px){.desktop-nav{display:none}#mobile-menu{display:inline-grid;margin-left:auto}.topbar{gap:16px}.topbar .button.small{min-height:44px}.topbar #pending-review{display:block}.explore-layout{grid-template-columns:1fr;gap:30px}.explore-intro h1{font-size:54px;max-width:650px}.entry-points{max-width:650px}.intro-actions{flex-direction:row;align-items:center;flex-wrap:wrap}.explore-stage{width:100%}.preview-graph{max-height:580px}.customize-grid{grid-template-columns:300px minmax(0,1fr);gap:20px}.customize-grid .preview-top{display:block}.customize-grid .preview-top .tag{margin-top:10px}.builder-grid{grid-template-columns:minmax(0,1fr)}.inspector{width:100%}.inspector-tabs{position:relative}.inspector-collapsed .canvas-panel{grid-row:auto}.inspector-collapsed .inspector{grid-row:auto;max-width:none}.engineering-heading #workflow-name{font-size:25px}.run-stage .canvas-viewport{height:650px}.preview-label{font-size:21px}.configuration-panel{padding:22px}.inquiry-panel{display:block}.inquiry-panel .actions{margin-top:25px;max-width:none}.active-execution{flex-wrap:wrap}.active-execution>.tag{margin-left:73px}.page-heading{flex-wrap:wrap}#stage-nav{gap:12px;justify-content:space-between;padding:14px 24px}#stage-nav button+button:before{width:15px;margin-right:3px}.configuration-explanation h3{font-size:20px}}
@media(max-width:700px){.demo-disclosure{font-size:11px;padding:10px 18px;gap:3px}.topbar{padding:14px 18px;gap:10px;min-height:76px;flex-wrap:wrap}.studio-brand{font-size:20px;letter-spacing:2px}.brand-mark{font-size:30px}.topbar #pending-review{order:5;width:100%}.topbar #pending-review:empty{display:none}.topbar #pending-review .button{width:100%}.topbar .button.small{font-size:12px;min-height:42px;padding:8px 10px}#workspace{padding:30px 20px 34px}.page-heading h1{font-size:34px;max-width:none;line-height:1.15;margin:12px 0 18px}.page-heading p{font-size:15px;line-height:1.75}.page-heading .actions{gap:10px;justify-content:flex-start}.page-heading .button{font-size:14px;min-height:46px}.eyebrow{font-size:11px;letter-spacing:1.8px}.explore-layout{display:flex;flex-direction:column;gap:28px;min-height:0}.explore-intro{width:100%}.explore-intro h1{font-size:clamp(35px,8.3vw,47px);line-height:1.13;letter-spacing:-1.1px;margin:20px 0}.intro-copy{font-size:16px;line-height:1.75;margin-bottom:24px}.entry-point{padding:15px 12px;gap:12px;min-height:80px}.entry-point>span{font-size:19px}.entry-point b{font-size:16px}.entry-point small{font-size:13px}.entry-point i{font-size:17px}.intro-actions{flex-direction:column;align-items:stretch;gap:9px}.intro-actions>.button{font-size:16px;min-height:52px;padding:12px}.intro-actions .text-button{text-align:center;font-size:14px}.quiet-note{font-size:13px}.preview-top{padding:20px}.preview-top h2{font-size:24px;margin-bottom:0}.preview-top .tag{display:none}.preview-route-desktop{display:none}.preview-route-mobile{display:block}.route-overview{display:flex;flex-direction:column;gap:20px;padding:0 20px 22px}.overview-node{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px;border-left:2px solid #aa8bdf;background:#25263b;border-radius:5px 12px 5px 12px}.overview-node+.overview-node:before{content:'↓';position:absolute;left:18px;top:-25px;color:#a7caff}.overview-node>span{color:#bca4ec;padding-top:4px}.overview-node small{font-size:12px;display:block;color:#cdd7e8}.overview-node b{font-size:16px;display:block;line-height:1.5;margin-top:3px}.overview-node p{font-size:12px;line-height:1.6;color:#becfe5;margin:5px 0 0}.overview-node.trigger,.overview-node.logic{border-color:#e8b875;background:#302b29}.overview-node.action{border-color:#78d6c0;background:#173435}.stage-caption{margin:0 20px;font-size:12px;padding:16px 0;gap:8px}.customize-grid{display:flex;flex-direction:column;gap:22px}.configuration-panel{padding:24px 20px;width:100%}.configuration-panel h2{font-size:24px}.field{font-size:14px;margin-bottom:22px}input,select,textarea{font-size:16px;min-height:48px;max-width:100%;padding:12px}.configuration-panel legend{font-size:16px}.review-choice b{font-size:15px}.review-choice small{font-size:13px}.configuration-explanation{padding:24px 0}.configuration-explanation p{font-size:15px}.engineering-heading{display:block;margin-bottom:22px}.engineering-heading #workflow-name{font-size:25px;min-width:0;max-width:none;padding:9px 0}.draft-state{font-size:13px;margin:3px 0 16px;line-height:1.7}.engineering-heading .actions{max-width:none;justify-content:flex-start;gap:9px}.engineering-heading .button{font-size:13px;padding:10px 12px}.builder-grid{display:flex;flex-direction:column;gap:22px}.canvas-top{padding:18px 15px;gap:12px;flex-wrap:wrap}.canvas-top b{font-size:17px}.canvas-top span{font-size:13px}.canvas-top .button{font-size:13px;min-height:44px}.canvas-controls{display:none}.canvas-viewport{height:auto!important;padding:22px 16px;background-size:auto,22px 22px,22px 22px,auto}.canvas-plane{width:100%!important;height:auto!important;transform:none!important;position:relative!important}.node-card{width:100%;min-height:115px}.node-main{padding:17px 15px;min-height:82px;gap:14px}.node-main b{font-size:18px;line-height:1.4}.node-main small{font-size:12px}.node-symbol{width:36px;min-width:36px;height:38px}.node-symbol svg{width:23px;height:23px}.node-footer{font-size:14px;padding:10px 15px}.focused-node-picker{padding:20px 16px}.focused-node-picker p{font-size:11px;line-height:1.7;gap:10px}.focused-node-picker label{font-size:14px;margin-bottom:10px}.focused-node-picker .button{font-size:14px;min-height:44px}.focused-node-picker small{font-size:13px;line-height:1.7}.mobile-connections{font-size:13px;padding:14px}.mobile-connections>button{font-size:14px;min-height:48px;line-height:1.6}.canvas-note{font-size:12px;padding:16px;gap:12px}.canvas-note small{font-size:12px}.connection-list{padding:12px 15px}.connection-list summary{font-size:14px;min-height:44px}.connection-list>div{font-size:14px;overflow-wrap:anywhere}.inspector{width:100%}.inspector-tabs{padding:9px;gap:7px}.inspector-tabs button{font-size:15px;min-height:48px}.inspector-toggle{min-height:44px;font-size:14px}.inspector-content{padding:24px 19px}.support-copy{font-size:14px}.input-details summary{font-size:14px;min-height:44px}.simulation-label{font-size:16px}.inspector-node b{font-size:18px}.inspector-node small{font-size:14px}.inspector-section h3{font-size:19px}.inspector-section p{font-size:14px}.position-controls{display:block}.inspector .button{font-size:14px;min-height:48px}.inspector-collapsed .inspector{max-width:none}.execution-area{padding:22px 17px;margin-top:24px}.execution-area h2{font-size:25px;line-height:1.3}.section-heading{gap:18px}.execution-area .section-heading .actions{width:100%}.execution-area .section-heading .button{flex:1;font-size:14px;min-height:48px}.active-execution{padding:17px;gap:13px;align-items:flex-start}.execution-orbit{width:39px;height:39px;min-width:39px}.execution-orbit svg{width:22px;height:22px}.active-execution strong{font-size:18px;line-height:1.5}.active-execution p{font-size:14px;line-height:1.75}.active-execution>.tag{margin-left:0;font-size:13px}.execution-trail{padding:20px 0}.execution-trail>span{font-size:14px;min-width:165px}.playback-controls{align-items:stretch}.playback-controls .button{font-size:14px;min-height:44px;flex:1}.playback-controls small{font-size:13px;line-height:1.75}.outcome-panel{padding:23px 18px}.outcome-panel .section-heading h2{font-size:24px}.outcome-panel>p{font-size:16px;line-height:1.75}.outcome-actions b{font-size:15px}.outcome-actions small{font-size:13px}.outcome-actions article{padding:15px 12px}.outcome-panel .actions .button{width:100%;min-height:48px}.inquiry-panel{padding:28px 0;margin-top:24px}.inquiry-panel h2{font-size:29px;line-height:1.25}.inquiry-panel .actions{display:flex;flex-direction:column;align-items:stretch}.inquiry-panel p{font-size:15px}.inquiry-panel .button{min-height:48px}.template-card,.connector-card,.saved-card{padding:26px 21px}.template-card h2,.connector-card h2,.saved-card h2{font-size:25px}.template-card p,.connector-card p,.saved-card p,.template-card details p{font-size:15px}.template-card details summary{font-size:14px}.template-card>.button,.connector-card>.button,.saved-card>.button{font-size:14px;min-height:48px}.template-flow small{font-size:13px}.template-top .eyebrow{font-size:11px}.template-flow>i{padding:9px}.toolbar{gap:18px}.toolbar .field{font-size:14px}.approval-card{padding:24px 18px}.approval-card p,.approval-columns p{font-size:15px}.approval-columns{padding:18px}.approval-columns small{font-size:14px}.approval-form .button{font-size:14px;min-height:48px}.execution-detail{padding:24px 18px}.execution-detail h2{font-size:24px}.execution-log p{font-size:15px}.log-title b{font-size:15px}.execution-log time,.execution-log small{font-size:13px}.run-list>button{font-size:14px;padding:18px}.run-list b{font-size:16px}.run-list small{font-size:13px}.impact-metrics{grid-template-columns:1fr 1fr}.impact-metrics small{font-size:13px}.impact-hero .support-copy,.formula{font-size:14px}.settings-panel h2{font-size:25px}.settings-panel p{font-size:15px}.node-library b{font-size:16px}.node-library small{font-size:14px}.node-library>button{min-height:90px}.tag{font-size:12px}.app-footer{padding:24px 20px;gap:8px;font-size:12px}.app-footer a{min-height:44px}.toast{font-size:14px;left:16px;right:16px;bottom:16px}.validation{font-size:15px;padding:20px}.validation p{font-size:14px}.dialog-intro{font-size:15px}#dialog-title{font-size:28px}dialog{padding:24px 18px;width:calc(100% - 26px);max-height:calc(100dvh - 26px)}#stage-nav{padding:12px 16px;gap:6px;flex-wrap:wrap;justify-content:center}#stage-nav button{font-size:13px;min-height:44px;gap:6px;padding:5px 8px}#stage-nav button>span{font-size:12px}#stage-nav button+button:before{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:1001px){.run-stage .canvas-viewport{height:690px}}
/* Shared configurable graph language: surfaces describe node roles, never workflow logic. */
.node-card,.preview-node{--graph-edge:#a98be5;--graph-fill:#20283b;--graph-ink:#d7c9fa}
.node-card.trigger,.preview-node[data-shape="trigger"]{--graph-edge:#e7b871;--graph-fill:#302a24;--graph-ink:#f2d0a1}
.node-card.logic,.preview-node[data-shape="decision"],.preview-node[data-shape="approval"]{--graph-edge:#edba73;--graph-fill:#302a26;--graph-ink:#f7ce94}
.node-card.action,.preview-node[data-shape="action"]{--graph-edge:#72c5b5;--graph-fill:#173334;--graph-ink:#a5e5d5}
.node-card{width:250px;height:var(--node-height);min-height:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;isolation:isolate;filter:drop-shadow(0 8px 12px #0004)}
.node-surface{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:-1}
.node-surface path,.preview-surface{fill:var(--graph-fill);stroke:var(--graph-edge);stroke-width:1.7;stroke-linejoin:round}
.node-number{position:absolute;top:-8px;left:10px;background:#101b29;border:1px solid var(--graph-edge);color:var(--graph-ink);font-size:11px;font-weight:600;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;z-index:3;pointer-events:none}
.node-main{height:108px;min-height:0;padding:20px 18px 7px;align-items:center;position:relative;z-index:1}
.node-main>span:last-child{min-width:0;flex:1}.node-main b{font-size:18px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.node-main small{color:var(--graph-ink);font-size:10px;letter-spacing:.8px;margin-bottom:5px}
.node-card .node-symbol,.preview-node .node-symbol,.overview-face .node-symbol{background:none!important;border:0!important;color:var(--graph-ink);min-width:31px;width:31px;height:34px}.node-card .node-symbol svg,.preview-node .node-symbol svg,.overview-face .node-symbol svg{width:27px;height:27px}
.node-config{display:block;font-style:normal;font-size:12px;line-height:1.4;color:#c6d3e5;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.node-footer{height:32px;padding:2px 22px 8px;border:0;background:none!important;font-size:12px;position:relative;z-index:1;color:#ced9e9}
.node-footer .drag-grip{min-height:24px;color:var(--graph-ink)}
.node-card[data-shape="decision"] .node-main{height:176px;padding:32px 34px 0;display:flex;flex-direction:column;gap:5px;text-align:center}
.node-card[data-shape="decision"] .node-main>span:last-child{flex:none;width:180px}
.node-card[data-shape="decision"] .node-main small{font-size:10px;margin-bottom:4px}
.node-card[data-shape="decision"] .node-main b{font-size:18px;line-height:1.18;-webkit-line-clamp:2}
.node-card[data-shape="decision"] .node-config{font-size:12px;margin-top:5px}
.node-card[data-shape="decision"] .node-footer{padding:0 76px;height:24px;font-size:10px;white-space:nowrap;justify-content:center;gap:5px}
.node-card[data-shape="decision"] .node-number{left:112px;top:-12px}
.node-card[data-shape="approval"] .node-symbol{border:1px solid #e8b8757a!important;border-radius:50%;width:39px;height:39px;min-width:39px;background:#e8b87512!important}
.node-card.selected{outline:0}.node-card.selected .node-surface path{stroke:#b6d8ff;stroke-width:3}
.node-card.active-step{outline:0;filter:drop-shadow(0 0 12px #8ac4ff66)}.node-card.active-step .node-surface path{stroke:#a9dcff;stroke-width:3.5}
.node-card.waiting{outline:0;filter:drop-shadow(0 0 10px #edba733d)}.node-card.waiting .node-surface path{stroke:#ffe0a2;stroke-width:3}
.node-card.failed{outline:0}.node-card.failed .node-surface path{stroke:#ffadb9;stroke-width:3}
.node-main:focus-visible{outline:2px solid #c9e4ff;outline-offset:6px;border-radius:8px}
.connection-layer circle{fill:#b9d7ff;stroke:#0d1c2a;stroke-width:1}.connection-layer path{stroke-width:2;opacity:1}
.preview-graph{max-height:690px;padding:16px 12px 10px;min-height:500px}
.preview-face{height:100%;box-sizing:border-box;display:flex;align-items:center;gap:14px;padding:22px 20px;color:#f3f6ff;line-height:1.25}
.preview-face>div{min-width:0;flex:1}.preview-face small{display:block;color:var(--graph-ink);font-size:12px;letter-spacing:.8px;margin-bottom:7px}
.preview-face b{display:block;font-size:20px;line-height:1.25;font-weight:600;overflow-wrap:anywhere}
.preview-face em{display:block;font-style:normal;font-size:13px;line-height:1.4;color:#c7d5e7;margin-top:7px}
.preview-face .node-symbol{display:flex;align-items:center;justify-content:center;flex:none}
.preview-face.shape-decision{flex-direction:column;gap:8px;text-align:center;padding:34px 37px 30px}.preview-face.shape-decision>div{flex:none;width:180px}.preview-face.shape-decision b{font-size:20px}.preview-face.shape-decision em{font-size:13px}
.preview-face.shape-approval .node-symbol{border:1px solid #e8b8757a!important;border-radius:50%;width:40px;height:40px}
.preview-number-ring{fill:#101b29;stroke:var(--graph-edge);stroke-width:1.4}.preview-number{fill:var(--graph-ink);font-size:13px;font-weight:600}.preview-node[data-shape="decision"] .preview-number-ring,.preview-node[data-shape="decision"] .preview-number{transform:translate(107px,-9px)}
.preview-edge{stroke:#9cbff1;stroke-width:1.8}.edge-label{font-size:14px;fill:#d8e6ff;paint-order:stroke;stroke:#101b29;stroke-width:5px;stroke-linejoin:round}
@media(max-width:700px){.node-card{height:auto;width:100%;filter:none}.node-surface{height:140px}.node-card[data-shape="decision"] .node-surface{height:216px}.node-card[data-shape="decision"] .node-number{left:calc(50% - 13px)}.node-main{height:108px;padding:20px 18px 7px}.node-main b{font-size:18px}.node-main small{font-size:10px}.node-footer{height:32px;padding:4px 22px 8px}.node-card[data-shape="decision"] .node-main{height:184px}.node-card[data-shape="decision"] .node-footer{height:32px;padding:0 70px 8px;font-size:11px}.node-card[data-shape="decision"] .node-main>span:last-child{width:155px}.node-card[data-shape="decision"] .node-main b{font-size:17px}.node-card[data-shape="decision"] .node-config{font-size:11px}.mobile-connections{background:#102034;border:1px solid #40546d;border-radius:8px;margin-top:18px}.node-config{font-size:12px}.overview-node{border:1px solid #a98be56b;border-left:3px solid #a98be5}.overview-node.logic{border-color:#e8b87599}.overview-node:has(>span svg){box-shadow:0 5px 15px #0002}}
@media(max-width:700px){.route-overview{gap:28px}.route-overview .overview-node{display:block;padding:0;background:none;border:0;border-radius:0;box-shadow:none}.route-overview .overview-node:before{display:none}.overview-face{position:relative;isolation:isolate;--graph-edge:#b49be9;--graph-fill:#252a3d;--graph-ink:#ddcff7}.overview-node[data-shape="trigger"] .overview-face,.overview-node[data-shape="decision"] .overview-face,.overview-node[data-shape="approval"] .overview-face{--graph-edge:#e8b875;--graph-fill:#302a26;--graph-ink:#f7ce94}.overview-node[data-shape="action"] .overview-face{--graph-edge:#72c5b5;--graph-fill:#173334;--graph-ink:#a5e5d5}.overview-face .node-surface{height:100%}.overview-face .node-number{top:-8px}.overview-node[data-shape="decision"] .node-number{left:calc(50% - 13px)}.overview-face .preview-face{padding:22px 18px;gap:10px}.overview-face .preview-face small{font-size:10px}.overview-face .preview-face b{font-size:17px}.overview-face .preview-face em{font-size:12px}.overview-face .preview-face.shape-decision{padding:34px 30px 28px;gap:7px}.overview-face .preview-face.shape-decision>div{width:160px}.overview-face .preview-face.shape-decision b{font-size:18px}.overview-destinations{font-size:13px!important;line-height:1.7!important;color:#c4d8f2!important;margin:12px 8px 0!important;padding-left:12px;border-left:1px solid #6588b7}}
.node-card[data-shape="decision"] .node-footer{position:absolute;top:159px;left:0;width:100%;padding:0 65px;gap:4px;height:25px;justify-content:center}
@media(max-width:700px){.node-card[data-shape="decision"] .node-footer{top:160px;padding:0 60px}.node-card[data-shape="decision"] .node-main{height:216px}.node-card[data-shape="decision"] .mobile-connections{margin-top:18px}}
.node-main b{font-size:21px}.node-main small{font-size:12px}.node-config{font-size:14px}.node-footer{font-size:13px}
.node-card[data-shape="decision"] .node-main{padding-top:25px;justify-content:flex-start}.node-card[data-shape="decision"] .node-main b{font-size:21px}.node-card[data-shape="decision"] .node-main small{font-size:11px}.node-card[data-shape="decision"] .node-config{font-size:13px}
@media(max-width:700px){.node-main b{font-size:18px}.node-main small{font-size:10px}.node-config{font-size:12px}.node-card[data-shape="decision"] .node-main b{font-size:18px}.node-card[data-shape="decision"] .node-config{font-size:12px}}
.preview-face b{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.preview-face.shape-decision b{-webkit-line-clamp:2}.node-card[data-shape="trigger"] .node-footer{padding-left:42px;padding-right:42px}
/* Approved neon graph finish. Illumination is scoped to workflow surfaces and recorded routes. */
.node-card,.preview-node,.overview-face{--graph-edge:#b384ff;--graph-fill:#201b39;--graph-ink:#d6bdff;--graph-glow:#985bff7b}
.node-card.trigger,.preview-node[data-shape="trigger"],.overview-node[data-shape="trigger"] .overview-face{--graph-edge:#ffc05b;--graph-fill:#2b2117;--graph-ink:#ffd384;--graph-glow:#ffa52b78}
.node-card[data-shape="decision"],.preview-node[data-shape="decision"],.overview-node[data-shape="decision"] .overview-face{--graph-edge:#ffca76;--graph-fill:#2d231c;--graph-ink:#ffdb9f;--graph-glow:#ffad4584}
.node-card[data-shape="approval"],.preview-node[data-shape="approval"],.overview-node[data-shape="approval"] .overview-face{--graph-edge:#ffb45c;--graph-fill:#2c2119;--graph-ink:#ffcf90;--graph-glow:#ff9c386f}
.node-card.action,.preview-node[data-shape="action"],.overview-node[data-shape="action"] .overview-face{--graph-edge:#4de5bf;--graph-fill:#0c302e;--graph-ink:#8df8da;--graph-glow:#16dfb75b}
.node-surface,.preview-node{filter:none}.node-surface .node-outline,.preview-surface{filter:drop-shadow(0 0 1px var(--graph-edge)) drop-shadow(0 0 4px var(--graph-edge)) drop-shadow(0 0 10px var(--graph-glow)) drop-shadow(0 0 18px var(--graph-glow))}.node-surface .node-outline,.preview-surface{stroke:var(--graph-edge);stroke-width:2;fill:var(--graph-fill)}
.node-card .node-symbol,.preview-face .node-symbol{filter:drop-shadow(0 0 5px var(--graph-glow));color:var(--graph-edge)}
.node-card .node-number{box-shadow:0 0 7px var(--graph-glow);border-color:var(--graph-edge)}
.node-card.selected .node-surface .node-outline{stroke:var(--graph-edge);stroke-width:2.8}.node-card.selected .node-number{background:#26344b;border-color:#d0e7ff;color:#fff}
.node-card.active-step{filter:drop-shadow(0 0 9px #49cfff59)}.node-card.active-step .node-surface .node-outline{stroke:var(--graph-edge);stroke-width:3.3}.node-card.active-step .node-number{background:#0e4b61;border-color:#a6f5ff;box-shadow:0 0 10px #46d9ff96;color:#fff}
.node-card.waiting .node-surface .node-outline{stroke:#ffda8e;stroke-width:3}.node-card.failed .node-surface .node-outline{stroke:#ffadb9;stroke-width:3}
.node-card[data-shape="trigger"] .node-footer{padding-left:22px;padding-right:22px}
.connection-layer g>path{stroke:#729dbf;stroke-width:1.8;opacity:.58;filter:drop-shadow(0 0 3px #46bdff45)}
.connection-layer g.conditional>path{stroke:#b48c56;opacity:.62;filter:drop-shadow(0 0 3px #ffad4540)}
.connection-layer g>circle{fill:#203a55;stroke:#90abc6;opacity:.65}
.connection-layer g.traversed>path{stroke:#8aeeff;stroke-width:3;opacity:1;filter:drop-shadow(0 0 2px #63e9ff) drop-shadow(0 0 7px #00b7ffcf)}
.connection-layer g.chosen-branch>path{stroke:#ffdb9d;stroke-width:3;opacity:1;filter:drop-shadow(0 0 2px #ffbd65) drop-shadow(0 0 8px #ff9d3899)}
.connection-layer g.active-connection>path{stroke:#b6f7ff;stroke-width:3.4;opacity:1;filter:drop-shadow(0 0 3px #6eeeff) drop-shadow(0 0 10px #08a8ffeb) drop-shadow(0 0 16px #08a8ff78)}
.connection-layer g.active-connection>circle{fill:#c9fbff;stroke:#42cfff;stroke-width:2;opacity:1;filter:drop-shadow(0 0 6px #36cfff)}
.connection-layer g.chosen-branch>circle{fill:#ffdf9c;stroke:#ffb354;opacity:1;filter:drop-shadow(0 0 4px #ffb35499)}
.connection-layer text{fill:#d7e6fb;font-weight:500}.connection-layer g.active-connection>text{fill:#f3fcff}
.preview-edge{stroke:#75d6fa;opacity:.85;stroke-width:2.2;filter:drop-shadow(0 0 2px #53ceff) drop-shadow(0 0 6px #00aaff96)}.preview-edge.conditional{stroke:#e6b875;opacity:.8;filter:drop-shadow(0 0 2px #ffbe6c) drop-shadow(0 0 6px #ffaa4559)}.preview-number-ring{stroke-width:1.7}
.node-main b,.preview-face b{color:#f6f8ff;text-shadow:0 1px 2px #0006}.node-card .node-config,.preview-face em{color:#cddbed}
@media(prefers-reduced-motion:reduce){.node-card,.node-surface,.preview-node,.connection-layer path,.connection-layer circle{animation:none!important;transition:none!important}}
@media(max-width:700px){.mobile-connections>button.route-traversed{border-color:#49c7df;background:#12303f;box-shadow:inset 0 0 12px #22c7f01a}.mobile-connections>button.route-branch{border-color:#e5b56b;color:#ffe0aa;background:#30291e}.mobile-connections>button.route-active{border-color:#98f0ff;color:#edfdff;background:#153b4d;box-shadow:0 0 9px #35c8f333}}
/* Role-colored number badges stay distinct from selection and playback highlights. */
.node-card .node-number,.node-card.selected .node-number,.node-card.active-step .node-number,.overview-face .node-number{background:#091422;color:var(--graph-edge);border:1.8px solid var(--graph-edge);font-size:12px;font-weight:750;text-shadow:0 0 5px var(--graph-glow);box-shadow:0 0 8px var(--graph-glow)}
.preview-node .preview-number-ring{fill:#091422;stroke:var(--graph-edge);stroke-width:2;filter:drop-shadow(0 0 3px var(--graph-glow))}
.preview-node .preview-number{fill:var(--graph-edge);font-size:14px;font-weight:750}
.node-card .node-number,.node-card.selected .node-number,.node-card.active-step .node-number,.overview-face .node-number{width:31px;height:31px;font-size:14px}
.node-card[data-shape="decision"] .node-number{left:110px}.preview-node .preview-number{font-size:16px}
@media(max-width:700px){.node-card[data-shape="decision"] .node-number,.overview-node[data-shape="decision"] .node-number{left:calc(50% - 15.5px)}}

/* Final approved lighting balance: confidence diamond receives a slightly stronger amber halo. */
.node-card.type-confidence .node-surface .node-outline,.preview-node.type-confidence .preview-surface,.overview-node.type-confidence .node-surface .node-outline{filter:drop-shadow(0 0 2px #ffca76) drop-shadow(0 0 8px #ffad4584) drop-shadow(0 0 14px #ffad4584)}

/* Approved distinct stages and graph-derived terminal outcomes. */
.node-card[data-role="trigger"],.preview-node[data-role="trigger"],.overview-node[data-role="trigger"] .overview-face,.inspector-node[data-role="trigger"]{--graph-edge:#ffc05b;--graph-fill:#2b2117;--graph-ink:#ffc05b;--graph-glow:#ffa52b78}
.node-card[data-role="extraction"],.preview-node[data-role="extraction"],.overview-node[data-role="extraction"] .overview-face,.inspector-node[data-role="extraction"]{--graph-edge:#bb78ff;--graph-fill:#26163d;--graph-ink:#bb78ff;--graph-glow:#a45bff7b}
.node-card[data-role="classification"],.preview-node[data-role="classification"],.overview-node[data-role="classification"] .overview-face,.inspector-node[data-role="classification"]{--graph-edge:#42b9ff;--graph-fill:#0a2746;--graph-ink:#42b9ff;--graph-glow:#219aff80}
.node-card[data-role="decision"],.preview-node[data-role="decision"],.overview-node[data-role="decision"] .overview-face,.inspector-node[data-role="decision"]{--graph-edge:#40e8a3;--graph-fill:#0c3028;--graph-ink:#40e8a3;--graph-glow:#18de917b}
.node-card[data-role="approval"],.preview-node[data-role="approval"],.overview-node[data-role="approval"] .overview-face,.inspector-node[data-role="approval"]{--graph-edge:#43e6eb;--graph-fill:#093037;--graph-ink:#43e6eb;--graph-glow:#13dbe37b}
.node-card[data-role="action"],.preview-node[data-role="action"],.overview-node[data-role="action"] .overview-face,.inspector-node[data-role="action"]{--graph-edge:#a69aff;--graph-fill:#201f42;--graph-ink:#a69aff;--graph-glow:#8f7dff7b}
.node-card[data-role="output"],.preview-node[data-role="output"],.overview-node[data-role="output"] .overview-face,.inspector-node[data-role="output"]{--graph-edge:#ffdc91;--graph-fill:#302719;--graph-ink:#ffdc91;--graph-glow:#ffbf587b}
.node-card[data-role="processing"],.preview-node[data-role="processing"],.overview-node[data-role="processing"] .overview-face,.inspector-node[data-role="processing"]{--graph-edge:#bb78ff;--graph-fill:#26163d;--graph-ink:#bb78ff;--graph-glow:#a45bff7b}

.node-card[data-role] .node-surface .node-outline,.preview-node[data-role] .preview-surface,.overview-node[data-role] .node-surface .node-outline{stroke:var(--graph-edge);filter:drop-shadow(0 0 1px var(--graph-edge)) drop-shadow(0 0 4px var(--graph-edge)) drop-shadow(0 0 10px var(--graph-glow)) drop-shadow(0 0 18px var(--graph-glow))}
.node-surface .terminal-outline,.preview-node .terminal-outline{fill:none;stroke:var(--graph-edge);stroke-width:1.3;opacity:.95;filter:none;pointer-events:none}
.node-card[data-role="output"] .node-main{padding-top:16px;padding-bottom:5px}.node-card[data-role="output"] .node-main b{font-size:18px}.node-card[data-role="output"] .node-main small{font-size:11px;letter-spacing:.5px}
.node-description{font-size:12px;line-height:1.35;color:#e0dfd6;font-style:normal;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.preview-node[data-role="output"] .preview-face b,.overview-node[data-role="output"] .preview-face b{font-size:19px}.preview-node[data-role="output"] .preview-face em,.overview-node[data-role="output"] .preview-face em{font-size:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.inspector-node[data-role]>span{color:var(--graph-edge);border-color:var(--graph-edge);background:var(--graph-fill);box-shadow:0 0 9px var(--graph-glow)}
.node-card[data-role].waiting{filter:drop-shadow(0 0 9px #24d7e96b)}.node-card[data-role].waiting .node-surface .node-outline{stroke:#7cfcff;stroke-width:3;filter:drop-shadow(0 0 4px #22d9e9) drop-shadow(0 0 12px #13dbe380)}
.node-card[data-role].failed .node-surface .node-outline{stroke:#ffe0a0;stroke-width:3}.node-card[data-role].failed{outline-color:#ffe0a0}
.connection-layer g>path{stroke:var(--route-color,#729dbf);opacity:.36;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--route-color,#729dbf) 25%,transparent))}
.connection-layer g.conditional>path{stroke:var(--route-color,#40e8a3);opacity:.36;filter:drop-shadow(0 0 3px #18de9133)}
.connection-layer g.traversed>path,.connection-layer g.chosen-branch>path{stroke:var(--route-color,#70dfff);stroke-width:2.7;opacity:1;filter:drop-shadow(0 0 2px var(--route-color,#70dfff)) drop-shadow(0 0 5px var(--route-color,#70dfff)) drop-shadow(0 0 11px color-mix(in srgb,var(--route-color,#70dfff) 65%,transparent))}
.connection-layer g.active-connection>path{stroke:#c3f9ff;stroke-width:3.4;opacity:1;filter:drop-shadow(0 0 2px #c3f9ff) drop-shadow(0 0 5px var(--route-target,#70dfff)) drop-shadow(0 0 14px #19bfffbb)}
.connection-layer g.chosen-branch>circle{fill:var(--route-color,#40e8a3);stroke:var(--route-color,#40e8a3);filter:drop-shadow(0 0 4px var(--route-color,#40e8a3))}
.connection-layer g.pending-approval>path{stroke:#6cf5f6;stroke-width:3.2;opacity:1;filter:drop-shadow(0 0 3px #26e5eb) drop-shadow(0 0 10px #14d5df99)}
.connection-layer g.pending-approval>circle{fill:#aaffff;stroke:#32e4e9;filter:drop-shadow(0 0 6px #26e5eb)}
.preview-edge,.preview-edge.conditional{stroke:var(--route-color,#70dfff);opacity:.8;stroke-width:2;filter:drop-shadow(0 0 2px var(--route-color,#70dfff)) drop-shadow(0 0 7px color-mix(in srgb,var(--route-color,#70dfff) 65%,transparent))}
@media(max-width:700px){.node-card[data-role="output"] .node-main b{font-size:18px}.mobile-connections>button.route-branch{border-color:#43e6b5;color:#b4ffe7;background:#143329}.node-card[data-role="approval"].waiting .mobile-connections{border-color:#43e6eb}}
.node-card[data-role="output"] .node-main b{font-size:20px}.node-description{font-size:14px;line-height:1.25}.preview-node[data-role="output"] .preview-face em,.overview-node[data-role="output"] .preview-face em{font-size:14px;line-height:1.3}
@media(max-width:700px){.node-card[data-role="output"] .node-main b{font-size:18px}.node-description{font-size:13px}}
.node-card[data-role] .node-symbol{color:var(--graph-edge)}
.node-card[data-role] .node-surface .terminal-outline{stroke:var(--graph-edge);fill:none;stroke-width:1.3;opacity:.95;filter:none}
