#page-workflow .pl-seg,#pl-a{display:none}
:root[data-design="shtab"] #page-workflow .pl-seg{display:flex;margin-left:auto;background:var(--sh-w);border-radius:13px;padding:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
:root[data-design="shtab"] #page-workflow .pl-seg + .workflow-tools{margin-left:0}
#page-workflow .pl-seg button{height:34px;padding:0 13px;border:0;border-radius:10px;background:none;color:#8d8d92;font:600 13px var(--font-ui);cursor:pointer}
#page-workflow .pl-seg button[aria-pressed="true"]{background:#3a3a3d;color:#f4f4f2}
:root[data-design="shtab"] #page-workflow.pl-on :is(.workflow-canvas,.workflow-tools){display:none}
:root[data-design="shtab"] #page-workflow.pl-on #pl-a{display:flex;flex:1;min-height:0}
#pl-a{--mono:var(--sh-mono,'Geist Mono',ui-monospace,monospace);--mut:color-mix(in srgb,var(--sh-ink) 58%,transparent);--soft:color-mix(in srgb,var(--sh-ink) 6%,transparent);--go:var(--sh-lime);--ln:color-mix(in srgb,var(--sh-ink) 42%,transparent);font-family:var(--font-ui);color:var(--sh-ink)}
:root[data-theme="light"] #pl-a{--go:#161618}
#pl-a *{box-sizing:border-box}
#pl-a [hidden]{display:none!important}
#pl-a button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}
#pl-a button:disabled{opacity:.45;cursor:default}
#pl-a :is(input,textarea,select){font:400 13.5px/1.5 var(--font-ui);color:inherit;border:0;outline:none;background:none}
/* список карт */
#pl-a .fl-list{width:232px;flex:none;padding:0 10px 20px 24px;overflow:auto;display:flex;flex-direction:column;gap:2px}
#pl-a .fl-cap{font:600 10.5px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--mut);padding:8px 10px}
#pl-a .fl-row{display:block;width:100%;text-align:left;padding:9px 10px;border-radius:14px}
#pl-a .fl-row:hover{background:var(--soft)}
#pl-a .fl-row[aria-current="true"]{background:var(--sh-w);color:#f4f4f2;box-shadow:0 14px 22px -16px rgba(0,0,0,.6)}
#pl-a .fl-row b{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#pl-a .fl-row span{display:block;font:500 11.5px var(--mono);color:#8d8d92;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#pl-a .fl-new{height:40px;margin:2px 0 8px;border-radius:14px;background:var(--sh-w);color:#f4f4f2;font-size:13.5px;font-weight:600;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 10px 16px -10px rgba(0,0,0,.6)}
/* поле */
#pl-a .fl-main{flex:1;min-width:0;position:relative;overflow:hidden}
#pl-a .fl-cv{position:absolute;inset:0;overflow:hidden;cursor:grab;touch-action:none;background-image:radial-gradient(circle,color-mix(in srgb,var(--sh-ink) 15%,transparent) 1px,transparent 1px);background-size:24px 24px}
#pl-a .fl-cv.pan{cursor:grabbing}
#pl-a .fl-in{position:absolute;left:0;top:0;width:0;height:0;transform-origin:0 0}
#pl-a .fl-sv{position:absolute;left:0;top:0;width:1px;height:1px;overflow:visible;pointer-events:none}
#pl-a .fl-sv path{fill:none;stroke:var(--ln);stroke-width:2;stroke-linecap:round}
#pl-a .fl-sv path.ok{stroke:var(--go)}
#pl-a .fl-sv path.tmp{stroke-dasharray:5 6}
#pl-a .fl-sv path.hit{stroke:transparent;stroke-width:16;pointer-events:stroke;cursor:pointer}
#pl-a .fl-sv g:hover path:not(.hit){stroke:#ff8a80}
#pl-a .fl-bar{position:absolute;left:14px;right:22px;top:0;z-index:4;display:flex;align-items:center;gap:8px;pointer-events:none}
#pl-a .fl-bar>*{pointer-events:auto}
#pl-a .fl-bar .sp{flex:1;pointer-events:none}
#pl-a .fl-ttl{height:40px;min-width:120px;width:220px;padding:0 10px;border-radius:12px;font:600 17px var(--font-ui);color:var(--sh-ink)}
#pl-a .fl-ttl:hover,#pl-a .fl-ttl:focus{background:var(--soft)}
#pl-a .fl-pill{height:36px;padding:0 12px;border-radius:12px;background:var(--sh-w);color:#f4f4f2;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 10px 16px -10px rgba(0,0,0,.6)}
#pl-a .fl-pill.q{background:var(--soft);color:var(--mut);box-shadow:none}
#pl-a .fl-pill.go{background:linear-gradient(180deg,#f4f4f2,#d8d8d4);color:#161618;height:40px;padding:0 16px;border-radius:14px}
:root[data-theme="light"] #pl-a .fl-pill.go{background:linear-gradient(180deg,#4d4d50,#3d3d40);color:#f4f4f2}
#pl-a select.fl-pill{-webkit-appearance:none;appearance:none;max-width:190px;font:600 13px var(--font-ui);cursor:pointer;text-overflow:ellipsis}
#pl-a .fl-st{font:500 12px var(--mono);color:var(--mut);white-space:nowrap}
#pl-a .fl-add{position:absolute;left:18px;bottom:26px;z-index:4;display:flex;gap:16px;font:500 11.5px var(--mono);color:var(--mut);pointer-events:none;white-space:nowrap}
#pl-a .fl-box{position:absolute;z-index:4;border:1.5px solid var(--sh-ink);border-radius:6px;background:color-mix(in srgb,var(--sh-ink) 8%,transparent);pointer-events:none}
#pl-a .fl-menu{position:absolute;z-index:7;min-width:216px;padding:6px;border-radius:16px;color:#f4f4f2;box-shadow:0 24px 40px -18px rgba(0,0,0,.6),0 0 0 1px color-mix(in srgb,var(--sh-ink) 12%,transparent)}
#pl-a .fl-menu button{display:flex;align-items:center;gap:9px;width:100%;height:34px;padding:0 10px;border-radius:10px;font-size:13.5px;font-weight:500;text-align:left}
#pl-a .fl-menu button:hover:not(:disabled){background:color-mix(in srgb,currentColor 9%,transparent)}
#pl-a .fl-menu kbd{margin-left:auto;font:500 11px var(--mono);opacity:.5}
#pl-a .fl-menu hr{border:0;height:1px;margin:5px 8px;background:color-mix(in srgb,currentColor 14%,transparent)}
#pl-a .fl-menu .fl-cap{color:inherit;opacity:.5;padding:6px 10px 4px}
#pl-a svg{width:14px;height:14px;flex:none}
#pl-a .fl-zoom{position:absolute;right:22px;bottom:20px;z-index:4;display:flex;padding:5px;border-radius:17px;background:var(--sh-w);color:#f4f4f2;box-shadow:0 20px 30px -18px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08)}
#pl-a .fl-zoom button{min-width:36px;height:36px;padding:0 8px;border-radius:12px;font:600 12.5px var(--mono);display:grid;place-items:center}
#pl-a .fl-zoom button:hover{background:rgba(255,255,255,.1)}
#pl-a .fl-img{display:block;width:100%;border-radius:14px;margin-top:12px}
#pl-a .fl-ref{display:flex;align-items:center;gap:4px;margin-top:6px}
#pl-a .fl-ref img{width:40px;height:40px;border-radius:9px;object-fit:cover;background:rgba(255,255,255,.06);flex:none}
#pl-a .fl-ref .fl-chip{flex:1;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#pl-a .fl-ref .fl-chip[aria-pressed="false"]{opacity:.5;text-decoration:line-through}
#pl-a .fl-ref>button:last-child{width:30px;height:30px;border-radius:10px;color:#8d8d92;font-size:17px;flex:none}
#pl-a .fl-un a.pr{height:32px;padding:0 10px;border-radius:10px;display:inline-grid;place-items:center;background:#161618;color:#f4f4f2;text-decoration:none;white-space:nowrap}
/* блок */
#pl-a .fl-n{position:absolute;width:280px;border-radius:24px;background:var(--sh-w);color:#f4f4f2;box-shadow:var(--sh-shadow),inset 0 1px 0 rgba(255,255,255,.06);cursor:default}
#pl-a .fl-h{height:44px;display:flex;align-items:center;gap:7px;padding:0 10px 0 16px;font:600 10.5px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#8d8d92;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
#pl-a .fl-h i{margin-left:auto;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1.6px #5a5a5f;position:relative;flex:none}
#pl-a .fl-x{width:26px;height:26px;border-radius:9px;color:#6d6d72;font-size:17px;line-height:1;opacity:0}
#pl-a .fl-n:hover .fl-x,#pl-a .fl-x:focus-visible{opacity:1}
#pl-a .fl-x:hover{background:rgba(255,255,255,.08);color:#ff8a80}
#pl-a .fl-b{padding:0 14px 14px}
#pl-a .fl-b input{display:block;width:100%;height:30px;padding:0 2px;font-size:15.5px;font-weight:600;border-radius:8px}
#pl-a .fl-b :is(textarea,select){display:block;width:100%;margin-top:8px;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.06);resize:none}
#pl-a .fl-b select{height:34px;padding:0 10px;-webkit-appearance:none;appearance:none;color:#c4c4c8;font-size:12.5px;cursor:pointer}
#pl-a .fl-b :is(input,textarea):focus{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.2)}
#pl-a .fl-b p{margin:6px 2px 0;font-size:12.5px;line-height:1.45;color:#8d8d92}
#pl-a .fl-n.src{background:linear-gradient(180deg,#f8f8f6,#e6e6e2);color:#161618}
#pl-a .fl-n.src .fl-h{color:#6d6d72}
#pl-a .fl-n.src .fl-h i{display:none}
#pl-a .fl-n.src .fl-b :is(textarea,select){background:rgba(22,22,24,.06)}
#pl-a .fl-n.src .fl-b :is(input,textarea):focus{box-shadow:inset 0 0 0 1.5px rgba(22,22,24,.22)}
#pl-a .fl-n.has:not(.sel) .fl-task{display:none}
#pl-a .fl-o{margin-top:8px;padding:2px;border-radius:8px;font-size:13.5px;line-height:1.55;color:#dcdcd8;white-space:pre-wrap;overflow-wrap:anywhere;max-height:340px;overflow:auto;outline:none}
#pl-a .fl-o[contenteditable]{cursor:text}
#pl-a .fl-o[contenteditable]:focus{box-shadow:0 0 0 1.5px rgba(255,255,255,.2)}
#pl-a .fl-m{display:block;width:100%;border-radius:14px;margin-top:8px;background:#2b2b2e}
#pl-a .fl-n.stale :is(.fl-o,.fl-m){opacity:.5}
#pl-a .fl-n:is(.running,.queued) :is(.fl-o,.fl-m){opacity:.35}
#pl-a .fl-tag{height:28px;padding:0 10px!important;margin-top:8px;border-radius:9px;background:#f4f4f2!important;color:#161618!important;font-size:12px;font-weight:600}
#pl-a .fl-err{margin-top:8px;font-size:12.5px;line-height:1.45;color:#ff8a80}
#pl-a .fl-wait{margin-top:8px;padding:16px 12px;border-radius:14px;font-size:12.5px;line-height:1.45;color:#8d8d92;background:rgba(255,255,255,.05)}
#pl-a .fl-f{display:flex;justify-content:space-between;gap:8px;padding:0 16px 12px;font:500 11px var(--mono);color:#6d6d72}
#pl-a .fl-f:empty{display:none}
#pl-a .fl-it{display:flex!important;gap:10px;width:100%;text-align:left;padding:7px 8px!important;border-radius:10px;font-size:13px;line-height:1.35}
#pl-a .fl-it:first-of-type{margin-top:6px}
#pl-a .fl-it span{font:600 10.5px/1.7 var(--mono);color:#6d6d72;width:14px;flex:none}
#pl-a .fl-it[aria-pressed="true"]{background:rgba(255,255,255,.09)}
#pl-a .fl-it[aria-pressed="true"] span{color:var(--sh-lime)}
#pl-a .fl-var{display:block!important;width:100%;text-align:left;margin-top:8px;padding:10px 12px!important;border-radius:14px;background:rgba(255,255,255,.05)!important}
#pl-a .fl-var b{display:block;font:600 10.5px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#8d8d92;margin-bottom:4px}
#pl-a .fl-var span{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;line-height:1.45;color:#dcdcd8;white-space:pre-wrap;overflow-wrap:anywhere}
#pl-a .fl-var[aria-pressed="true"]{box-shadow:inset 0 0 0 1.5px var(--sh-lime)}
#pl-a .fl-var[aria-pressed="true"] b{color:var(--sh-lime)}
#pl-a .fl-ths{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}
#pl-a .fl-th{border-radius:9px;overflow:hidden;aspect-ratio:4/5;background:#2b2b2e!important}
#pl-a .fl-th img{display:block;width:100%;height:100%;object-fit:cover}
#pl-a .fl-th[aria-pressed="true"]{box-shadow:0 0 0 2px var(--sh-lime)}
#pl-a .fl-go{display:block;width:100%;height:36px;margin-top:8px;border-radius:12px;background:#f4f4f2!important;color:#161618!important;font-size:13px;font-weight:600}
#pl-a .fl-hint{margin-top:7px;font-size:11.5px;line-height:1.4;color:#8d8d92}
#pl-a .fl-sch{margin-top:10px;padding:10px;border-radius:14px;background:rgba(255,255,255,.05)}
#pl-a .fl-sch>b{display:block;font:600 10.5px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#8d8d92}
#pl-a .fl-sch div{display:flex;gap:3px;margin-top:8px;align-items:center}
#pl-a .fl-sch div button{flex:1;height:26px;border-radius:8px;font:600 10.5px var(--mono);text-transform:uppercase;background:rgba(255,255,255,.06);color:#8d8d92}
#pl-a .fl-sch div button[aria-pressed="true"]{background:#f4f4f2;color:#161618}
#pl-a .fl-sch input{display:block;width:104px;height:30px;padding:0 8px;border-radius:9px;background:rgba(255,255,255,.06);font:500 13px var(--mono);color-scheme:dark}
#pl-a .fl-sch div .tg{flex:none;margin-left:auto;height:30px;padding:0 12px;border-radius:9px;font:600 12.5px var(--font-ui);text-transform:none;color:#f4f4f2}
#pl-a .fl-sch div .tg[aria-pressed="true"]{background:var(--sh-lime);color:var(--sh-lime-ink)}
#pl-a .fl-pics{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
#pl-a .fl-pics span{position:relative;width:54px;height:68px}
#pl-a .fl-pics img{width:100%;height:100%;object-fit:cover;border-radius:8px;background:rgba(22,22,24,.08)}
#pl-a .fl-pics span button{position:absolute;right:-5px;top:-5px;width:19px;height:19px;border-radius:50%;background:#161618;color:#f4f4f2;font-size:13px;line-height:1}
#pl-a .fl-pics>button{height:68px;padding:0 12px;border-radius:8px;background:rgba(22,22,24,.06);font-size:12.5px;font-weight:600}
/* выбранный узел: действия сверху, «что изменить» снизу */
#pl-a .fl-acts{display:none;position:absolute;left:0;bottom:calc(100% + 10px);height:38px;padding:0 4px;border-radius:13px;background:var(--sh-w);align-items:center;white-space:nowrap;box-shadow:0 16px 24px -14px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08)}
#pl-a .fl-fix{display:none;position:absolute;left:0;right:0;top:calc(100% + 10px);padding:6px 6px 6px 14px;gap:8px;align-items:center;border-radius:16px;background:linear-gradient(180deg,#f8f8f6,#e6e6e2);color:#161618;box-shadow:0 22px 34px -18px rgba(0,0,0,.55)}
#pl-a .fl-n.sel :is(.fl-acts,.fl-fix){display:flex}
#pl-a .fl-acts :is(button,a){height:30px;padding:0 10px;border-radius:9px;font-size:12.5px;font-weight:600;color:#f4f4f2;display:inline-flex;align-items:center;gap:6px;text-decoration:none}
#pl-a .fl-acts :is(button,a):hover{background:rgba(255,255,255,.1)}
#pl-a .fl-acts .pr,#pl-a .fl-acts .pr:hover{background:var(--sh-lime);color:var(--sh-lime-ink)}
#pl-a .fl-fix input{flex:1;min-width:0;height:34px;font-size:13.5px}
#pl-a .fl-fix input::placeholder{color:#77777c}
#pl-a .fl-fix button{width:38px;height:34px;border-radius:11px;background:#161618;color:#f4f4f2;flex:none}
#pl-a .fl-n.done .fl-h i{background:var(--sh-lime);box-shadow:none}
#pl-a .fl-n.done .fl-h i::after{content:"";position:absolute;left:5px;top:5.5px;width:6px;height:3px;border:solid var(--sh-lime-ink);border-width:0 0 2px 2px;transform:rotate(-45deg)}
#pl-a .fl-n.running{box-shadow:var(--sh-shadow),0 0 0 1.5px rgba(185,243,108,.65),0 0 0 6px rgba(185,243,108,.12)}
#pl-a .fl-n.running .fl-h{color:var(--sh-lime)}
#pl-a .fl-n.running .fl-h i{box-shadow:none;border:2px solid #45454a;border-top-color:var(--sh-lime);animation:pl-spin .9s linear infinite!important}
#pl-a .fl-n.waiting{box-shadow:var(--sh-shadow),0 0 0 2px #f4f4f2}
#pl-a .fl-n.failed .fl-h i{box-shadow:inset 0 0 0 1.6px #ff8a80}
#pl-a .fl-n.sel{z-index:3;box-shadow:var(--sh-shadow),0 0 0 1.5px rgba(185,243,108,.7),0 0 0 6px rgba(185,243,108,.13)}
#pl-a .fl-n.stale .fl-h i{box-shadow:inset 0 0 0 1.6px #8d8d92}
#pl-a .fl-n.mk{box-shadow:var(--sh-shadow),0 0 0 2px var(--sh-ink)}
@keyframes pl-spin{to{transform:rotate(360deg)}}
#pl-a .fl-p{position:absolute;top:20px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center}
#pl-a .fl-p::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--sh-ink);box-shadow:0 0 0 2.5px var(--sh-canvas)}
#pl-a .fl-pi{left:-11px}
#pl-a .fl-po{right:-11px;cursor:crosshair;touch-action:none}
#pl-a .fl-po:hover::after{background:var(--sh-lime);box-shadow:0 0 0 2.5px var(--sh-canvas),0 0 0 6px rgba(185,243,108,.25)}
/* боковая панель: результат, проверка, память проекта */
#pl-a .fl-dr{position:absolute;right:16px;top:52px;bottom:16px;width:380px;max-width:calc(100% - 32px);z-index:5;display:flex;flex-direction:column;border-radius:26px;overflow:hidden;box-shadow:var(--sh-shadow)}
#pl-a .fl-dr[hidden]{display:none}
#pl-a .fl-db{flex:1;min-height:0;overflow:auto;background:var(--sh-w);color:#f4f4f2;padding:18px 18px 16px}
#pl-a .fl-db h4{margin:0;font-size:17px;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:10px}
#pl-a .fl-db h4 button{width:30px;height:30px;border-radius:10px;color:#8d8d92;font-size:19px;flex:none}
#pl-a .fl-db h4 button:hover{background:rgba(255,255,255,.08)}
#pl-a .fl-k{font:600 10.5px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#8d8d92;margin:14px 0 6px}
#pl-a .fl-db :is(textarea,input){display:block;width:100%;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06);resize:vertical}
#pl-a .fl-db :is(textarea,input):focus{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.2)}
#pl-a .fl-txt{font-size:14px;line-height:1.6;color:#dcdcd8;margin-top:12px;white-space:pre-wrap;overflow-wrap:anywhere}
#pl-a .fl-txt.err{color:#ff8a80}
#pl-a .fl-chips{display:flex;gap:6px;flex-wrap:wrap}
#pl-a .fl-chip{height:32px;padding:0 12px;border-radius:10px;font-size:13px;font-weight:500;background:rgba(255,255,255,.06);color:#f4f4f2}
#pl-a .fl-chip[aria-pressed="true"]{background:#f4f4f2;color:#161618;font-weight:600}
#pl-a .fl-un{min-height:48px;background:linear-gradient(180deg,#f4f4f2,#e4e4e0);color:#161618;display:flex;align-items:center;gap:4px;padding:8px 10px;font-size:12.5px;font-weight:600;flex-wrap:wrap}
#pl-a .fl-un button{height:32px;padding:0 10px;border-radius:10px;white-space:nowrap}
#pl-a .fl-un button:hover:not(:disabled){background:rgba(0,0,0,.07)}
#pl-a .fl-un .pr,#pl-a .fl-un .pr:hover:not(:disabled){background:#161618;color:#f4f4f2}
#pl-a .fl-un .sp{flex:1}
#pl-a .fl-un .mm{font:500 12px var(--mono);color:#5d5d62;padding:0 6px}
#pl-a .fl-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;color:var(--mut);font-size:14px;line-height:1.55;padding:24px}
#pl-a .fl-empty b{font-size:20px;font-weight:600;color:var(--sh-ink)}
@media (max-width:900px){#pl-a{flex-direction:column}#pl-a .fl-list{width:auto;flex-direction:row;padding:0 16px 8px;overflow:auto hidden}#pl-a .fl-cap{display:none}#pl-a .fl-row{width:150px;flex:none}#pl-a .fl-new{padding:0 14px;margin:0;white-space:nowrap;flex:none}#pl-a .fl-ttl{width:130px}#pl-a .fl-add span{display:none}#pl-a .fl-zoom{bottom:74px;right:14px}}