:root{color:#25313c;font-synthesis:none;text-rendering:optimizelegibility;--blue:#2765b3;--blue-dark:#1f528f;--ink:#2d3a46;--muted:#74808b;--paper-line:#5187ba21;background:#e9edf0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{grid-template-rows:66px minmax(0,1fr);width:100%;height:100%;display:grid}.topbar{z-index:20;background:#fffffff5;border-bottom:1px solid #d3dae0;grid-template-columns:250px minmax(240px,1fr) auto;align-items:center;gap:24px;padding:0 22px;display:grid;box-shadow:0 3px 14px #23313e0f}.brand{align-items:center;gap:11px;display:flex}.brand-sign{width:36px;height:36px;color:var(--blue);background:#eaf2fb;border-radius:10px;place-items:center;font-size:20px;font-weight:700;display:grid}.brand strong,.brand small{display:block}.brand strong{font-size:16px;line-height:1.2}.brand small{color:var(--muted);letter-spacing:.03em;margin-top:2px;font-size:10px}.topbar nav{gap:8px;display:flex}.toolbar-button{color:#52616f;cursor:pointer;background:#fff;border:1px solid #d3dce4;border-radius:8px;height:36px;padding:0 13px;font-size:12px;font-weight:600}.toolbar-button:hover{background:#f8fafc;border-color:#9fb5c9}.toolbar-button--primary{border-color:var(--blue);background:var(--blue);color:#fff}.toolbar-button--primary:hover{border-color:var(--blue-dark);background:var(--blue-dark)}.toolbar-button--danger{color:#a33d3d}.toolbar-button--danger:hover{color:#932f2f;background:#fff6f6;border-color:#d6a4a4}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.zoom-controls{background:#fff;border:1px solid #d3dce4;border-radius:8px;grid-template-columns:34px 64px 34px;justify-self:center;height:34px;display:grid;overflow:hidden}.zoom-controls button{color:#52616f;cursor:pointer;background:#fff;border:0;border-right:1px solid #e0e5e9;place-items:center;min-width:0;padding:0;font-size:17px;font-weight:600;display:grid}.zoom-controls button:last-child{border-right:0}.zoom-controls button:hover:not(:disabled){color:var(--blue);background:#f3f7fa}.zoom-controls button:disabled{color:#bdc5cb;cursor:default}.zoom-controls .zoom-value{font-size:11px;font-weight:700}.workspace{grid-template-columns:minmax(0,1fr) 8px 360px;min-width:0;min-height:0;display:grid;overflow:hidden}.workspace-resizer{z-index:15;cursor:col-resize;touch-action:none;background:#edf1f4;outline:0;place-items:center;min-width:0;display:grid;position:relative}.workspace-resizer:before{content:"";position:absolute;inset:0 -3px}.workspace-resizer span{background:#b7c3cc;border-radius:2px;width:2px;height:42px;transition:width .15s,height .15s,background .15s,box-shadow .15s}.workspace-resizer:hover span,.workspace-resizer:focus-visible span{background:var(--blue);width:3px;height:58px;box-shadow:0 0 0 4px #2765b31f}body.is-resizing-panel,body.is-resizing-panel *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.desk{background:#e8ecef;min-width:0;min-height:0;padding:18px;position:relative;overflow:hidden}.paper-scroll{cursor:grab;background:#f7f7f5;border:1px solid #d2d9df;border-radius:5px;width:100%;height:100%;overflow:auto;box-shadow:0 9px 32px #2a343d1a}.paper-scroll.is-panning,.paper-scroll.is-panning *{cursor:grabbing!important}body.is-panning-canvas,body.is-panning-canvas *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.paper{background-color:#fff;background-image:linear-gradient(var(--paper-line) 1px, transparent 1px), linear-gradient(90deg, var(--paper-line) 1px, transparent 1px), linear-gradient(#5187ba0e 1px, transparent 1px), linear-gradient(90deg, #5187ba0e 1px, transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px;min-height:100%;margin:0 auto;position:relative;overflow:hidden}.diagram-layer{position:absolute;top:0;left:50%;transform:translate(-50%)}.diagram-stage{transform-origin:0 0;position:relative}.connectors{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:visible}.connector-line{fill:none;stroke:#64727d;stroke-width:1.7px;stroke-linejoin:round;stroke-linecap:round}#arrow path{fill:#64727d}.connector-label{fill:#4c5964;paint-order:stroke;stroke:#fff;stroke-width:5px;stroke-linejoin:round;font-size:11px;font-weight:700}.diagram-block{z-index:3;filter:drop-shadow(0 3px 5px #26313b14);cursor:default;place-items:center;display:grid;position:absolute}.block-outline{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.block-outline>*{fill:#fffffff7;stroke:#536372;stroke-width:2px;vector-effect:non-scaling-stroke}.diagram-block--start .block-outline circle,.diagram-block--loop .block-outline polygon{stroke:var(--blue)}.diagram-block.is-invalid .block-outline>*{stroke:#c04444}.diagram-block.is-current{filter:drop-shadow(0 0 7px #2c915d6b)}.diagram-block.is-current .block-outline>*{stroke:#27905a;stroke-width:3px}.diagram-block.is-current .block-editor,.diagram-block.is-current .terminal-letter{color:#187747}.terminal-letter{color:#34434f;font-size:20px;font-weight:700;position:relative}.diagram-block--start .terminal-letter{color:var(--blue)}.block-editor{z-index:2;color:#25323e;text-align:center;cursor:text;background:0 0;border:1px solid #0000;border-radius:4px;outline:0;height:28px;padding:3px 4px;font-size:16px;font-weight:600;line-height:22px;display:block;position:relative;overflow:hidden}.block-editor:hover{background:#ffffffb3;border-color:#d2dce5}.block-editor:focus{background:#fff;border-color:#7da9d3;box-shadow:0 0 0 3px #2765b321}.diagram-block.is-invalid .block-editor{color:#9e3434}.diagram-block.is-invalid .block-editor:focus{border-color:#d47c7c;box-shadow:0 0 0 3px #c044441f}.block-error{z-index:5;color:#fff;cursor:help;background:#c04444;border:2px solid #fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:800;line-height:1;display:grid;position:absolute;top:-9px;right:-9px;box-shadow:0 2px 6px #491f1f2e}.execution-visits{z-index:7;color:#1e7547;text-align:center;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;background:#f6fdf9fa;border:1px solid #a9cfba;border-radius:8px;max-width:calc(100% - 34px);padding:2px 5px;font:750 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:-21px;right:7px;overflow:hidden;box-shadow:0 1px 4px #205b3b1f}.remove-block{z-index:5;color:#75818b;cursor:pointer;opacity:0;background:#fff;border:1px solid #cbd4db;border-radius:50%;place-items:center;width:22px;height:22px;padding:0 0 2px;font-size:17px;line-height:1;transition:all .15s;display:grid;position:absolute;top:-10px;left:-10px;box-shadow:0 2px 5px #232d371f}.diagram-block:hover .remove-block,.remove-block:focus-visible{opacity:1}.remove-block:hover{color:#b73d3d;border-color:#d98e8e;transform:scale(1.08)}.insert-button{z-index:6;width:24px;height:24px;color:var(--blue);cursor:pointer;background:#fff;border:1.5px solid #9fadb9;border-radius:50%;place-items:center;padding:0 0 1px;font-size:17px;font-weight:600;line-height:1;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid;position:absolute;box-shadow:0 2px 6px #27364221}.insert-button:hover,.insert-button:focus-visible{border-color:var(--blue);outline:0;transform:scale(1.08);box-shadow:0 0 0 4px #2765b31f}.variables-panel{z-index:12;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffffff5;border:1px solid #d1dbe2;border-radius:11px;width:272px;max-height:calc(100% - 60px);padding:12px;position:absolute;top:30px;left:30px;overflow:auto;box-shadow:0 7px 22px #25323d21}.variables-panel>header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.variables-panel>header small{color:#84909a;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1px;font-size:8px;font-weight:700;display:block}.variables-panel h2{margin:0;font-size:15px}.variables-panel>header button{width:27px;height:27px;color:var(--blue);cursor:pointer;background:#f4f8fb;border:1px solid #9fb5c7;border-radius:50%;place-items:center;padding:0 0 1px;font-size:18px;font-weight:650;line-height:1;display:grid}.variables-panel>header button:hover{border-color:var(--blue);background:#eaf2fb}.variables-panel>p{color:#78848e;margin:5px 2px 1px;font-size:10px;line-height:1.4}.variable-list{gap:7px;display:grid}.variable-row{grid-template-columns:70px minmax(0,1fr) 22px;gap:5px;display:grid;position:relative}.variable-row input{color:#374551;background:#fff;border:1px solid #d3dce3;border-radius:6px;outline:0;min-width:0;height:29px;padding:0 7px;font-size:10px}.variable-row input:focus{border-color:#7fa6c8;box-shadow:0 0 0 2px #2765b31a}.variable-row .variable-name{color:#245f98;text-align:center;font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.variable-row>button{color:#8a959e;cursor:pointer;background:0 0;border:0;width:22px;height:29px;padding:0;font-size:17px}.variable-row>button:hover{color:#b83f3f}.variable-row>small{color:#b43e3e;grid-column:1/-1;margin:-2px 2px 0;font-size:8px;line-height:1.25}.variable-row.is-invalid .variable-name{color:#a63636;background:#fff8f8;border-color:#d98989}.execution-panel{background:#f8fafb;border-left:1px solid #ccd5dc;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden;box-shadow:-5px 0 20px #24303a0f}.execution-header{background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:17px 16px 12px;display:flex}.execution-header small{color:#7b8791;letter-spacing:.12em;text-transform:uppercase;margin-bottom:2px;font-size:9px;font-weight:700;display:block}.execution-header h2{margin:0;font-size:18px}.runtime-status{color:#64717c;white-space:nowrap;align-items:center;gap:6px;font-size:10px;font-weight:650;display:inline-flex}.runtime-status:before{content:"";background:#7f98ad;border-radius:50%;width:7px;height:7px}.runtime-status--waiting:before{background:#d18a22}.runtime-status--finished:before{background:#27905a}.runtime-status--error:before{background:#c04444}.runtime-status--blocked{color:#a23a3a}.runtime-status--blocked:before{background:#c04444}.execution-controls{background:#fff;border-bottom:1px solid #dce3e8;grid-template-columns:1fr 1fr;gap:8px;padding:0 16px 14px;display:grid}.execution-controls button{color:#53616d;cursor:pointer;background:#fff;border:1px solid #ccd7df;border-radius:8px;height:36px;font-size:11px;font-weight:700}.execution-controls button:hover:not(:disabled){color:var(--blue);border-color:#91afc8}.execution-controls button:disabled{opacity:.4;cursor:default}.execution-controls .step-button{color:#fff;background:#2b8759;border-color:#2b7f54}.execution-controls .step-button:hover:not(:disabled){color:#fff;background:#236f49;border-color:#236f49}.execution-controls .step-button span{margin-right:5px;font-size:16px}.debug-section{background:#f8fafb;border-bottom:1px solid #dce3e8;min-height:0;padding:12px 14px}.section-title{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.section-title h3{margin:0;font-size:12px}.section-title small{color:#87929c;font-size:9px}.input-buffer{resize:vertical;color:#35434f;background:#fff;border:1px solid #cad5dd;border-radius:7px;outline:0;width:100%;height:60px;padding:8px 9px;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.input-buffer:focus{border-color:#7ea9cf;box-shadow:0 0 0 3px #2765b31a}.input-prompt{background:#edf6fc;border-bottom:1px solid #c7d9e7;padding:11px 14px}.input-prompt label{color:#38556d;margin-bottom:7px;font-size:11px;display:block}.input-prompt>div{grid-template-columns:1fr auto;gap:7px;display:grid}.input-prompt input{border:1px solid #9cb8cf;border-radius:7px;outline:0;min-width:0;height:34px;padding:0 9px}.input-prompt button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:7px;padding:0 12px;font-size:10px;font-weight:700}.memory-section{flex-direction:column;flex:auto;min-height:145px;display:flex;overflow:hidden}.memory-scroll{background:#fff;border:1px solid #d7dfe5;border-radius:7px;min-height:0;overflow:auto}.memory-table{border-collapse:separate;border-spacing:0;text-align:center;width:100%;font-size:11px}.memory-table th,.memory-table td{border-bottom:1px solid #e3e8ec;border-right:1px solid #e3e8ec;min-width:54px;height:35px;padding:4px 7px}.memory-table th:first-child{color:#7c8791;width:38px;min-width:38px}.memory-table thead th{z-index:1;color:#46535f;background:#eef2f5;height:31px;font-weight:750;position:sticky;top:0}.memory-table tr:last-child>*{border-bottom:0}.memory-table tr>:last-child{border-right:0}.memory-value{white-space:nowrap;place-items:center;min-width:28px;min-height:28px;padding:2px 5px;display:inline-grid}.memory-value.is-changed{color:#176d42;border:2px solid #2d9660;border-radius:50%;font-weight:800}.memory-empty{color:#8a959e;text-align:center;margin:auto;font-size:11px}.console-resizer{cursor:row-resize;touch-action:none;outline:0;flex:0 0 13px;place-items:center;margin:0 14px;display:grid;position:relative}.console-resizer:before{content:"";position:absolute;inset:-3px 0}.console-resizer span{background:#b7c3cc;border-radius:2px;width:42px;height:2px;transition:width .15s,height .15s,background .15s,box-shadow .15s}.console-resizer:hover span,.console-resizer:focus-visible span{background:var(--blue);width:58px;height:3px;box-shadow:0 0 0 4px #2765b31f}body.is-resizing-console,body.is-resizing-console *{cursor:row-resize!important;-webkit-user-select:none!important;user-select:none!important}.console-section{background:#202a33;border:1px solid #24313c;border-radius:9px;flex:0 0 180px;min-height:0;margin:0 14px 14px;overflow:hidden;box-shadow:0 5px 14px #19222a21}.console-title{background:#2a3640;border-bottom:1px solid #34434e;align-items:center;gap:5px;height:28px;padding:0 9px;display:flex}.console-title>span{background:#d46565;border-radius:50%;width:7px;height:7px}.console-title>span:nth-child(2){background:#d7a64c}.console-title>span:nth-child(3){background:#4fa676}.console-title strong{color:#b8c3cb;letter-spacing:.06em;text-transform:uppercase;margin-left:5px;font-size:9px;font-weight:600}.console-output{color:#e9eff3;white-space:pre-wrap;height:calc(100% - 28px);padding:10px 11px;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.console-error{color:#ff9f9f}.console-cursor{color:#67d69b;font-weight:800;animation:1s step-end infinite cursor-blink}@keyframes cursor-blink{50%{opacity:.25}}.dialog-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1d273152;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.add-dialog{background:#fff;border:1px solid #ffffffb3;border-radius:16px;width:min(470px,100%);padding:22px;box-shadow:0 24px 70px #1c27313d}.help-dialog{background:#fff;border:1px solid #ffffffb3;border-radius:16px;width:min(720px,100%);max-height:min(720px,100vh - 40px);padding:23px;overflow:auto;box-shadow:0 24px 70px #1c27313d}.dialog-heading{justify-content:space-between;align-items:flex-start;margin-bottom:17px;display:flex}.dialog-heading small{color:var(--blue);letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:700}.dialog-heading h2{margin:4px 0 0;font-size:19px}.dialog-heading>button{color:#78848e;cursor:pointer;background:0 0;border:0;width:30px;height:30px;padding:0;font-size:22px}.block-choices{grid-template-columns:1fr 1fr;gap:9px;display:grid}.block-choices>button{color:#293641;text-align:left;cursor:pointer;background:#fff;border:1px solid #dce3e8;border-radius:10px;grid-template-columns:48px 1fr;align-items:center;gap:10px;min-height:66px;padding:9px 11px;display:grid}.block-choices>button:hover{background:#f7fafc;border-color:#9eb9d3}.block-choices>button:last-child{grid-column:1/-1}.block-choices strong,.block-choices small{display:block}.block-choices strong{font-size:13px}.block-choices small{color:#77838e;margin-top:3px;font-size:10px}.choice-icon{background:#fff;border:1.6px solid #5f6e7b;justify-self:center;width:40px;height:29px;display:block}.choice-icon--operation{border-radius:3px}.choice-icon--input{transform:skew(-11deg)}.choice-icon--output{border-radius:3px 18px 18px 3px}.choice-icon--if,.choice-icon--loop{border-color:var(--blue);width:29px;height:29px;transform:rotate(45deg)}.help-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.help-grid article{background:#fbfcfd;border:1px solid #dce4e9;border-radius:10px;grid-template-columns:48px 1fr;align-items:center;gap:10px;min-height:82px;padding:11px;display:grid}.help-grid article:last-child{grid-column:1/-1}.help-grid .choice-icon{justify-self:center}.help-grid h3{color:#2f3c47;margin:0 0 4px;font-size:12px}.help-grid p{color:#67747f;margin:0;font-size:10px;line-height:1.45}.help-grid code,.help-notes code{color:#315d82;background:#edf2f5;border-radius:4px;padding:1px 4px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.help-notes{background:#eef5fa;border-radius:10px;gap:6px;margin-top:11px;padding:11px 12px;display:grid}.help-notes p{color:#53636f;margin:0;font-size:10px;line-height:1.45}.notice{z-index:70;color:#315d84;background:#f4f9fd;border:1px solid #bfd0df;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:600;position:fixed;bottom:24px;right:24px;box-shadow:0 7px 22px #25333f24}.notice-enter-active,.notice-leave-active{transition:all .18s}.notice-enter-from,.notice-leave-to{opacity:0;transform:translateY(8px)}@media (width<=760px){.topbar{grid-template-columns:1fr auto;gap:10px;padding-inline:12px}.brand small{display:none}.zoom-controls{grid-template-columns:30px 52px 30px}.toolbar-button{padding-inline:9px}.desk{padding:10px}}@media (width<=1050px){.workspace{grid-template-columns:minmax(0,1fr) 8px 310px}.topbar{grid-template-columns:190px minmax(120px,1fr) auto;gap:10px;padding-inline:12px}}