.talim-container--wide{max-width:1540px}.flowchart-page{padding:36px 0 70px;background:#f7f8fb}.flowchart-intro-note{margin-bottom:18px;padding:14px 18px;border-left:4px solid #0eb582;border-radius:8px;background:#fff;color:#5d6675;box-shadow:0 8px 24px rgba(42,55,76,.05)}.flowchart-loading,.flowchart-bootstrap-error{display:grid;gap:6px;place-items:start;padding:18px 20px;border:1px solid #e3e5eb;border-radius:12px;background:#fff;color:#667085;box-shadow:0 10px 28px rgba(42,55,76,.06)}.flowchart-loading strong,.flowchart-bootstrap-error strong{color:#2a374c}.flowchart-bootstrap-error{border-color:#f1b8b3;background:#fff7f6;color:#8f2b22}.flowchart-bootstrap-error span,.flowchart-bootstrap-error small{display:block}.flowchart-app{overflow:hidden;border:1px solid #e3e5eb;border-radius:16px;background:#fff;box-shadow:0 18px 44px rgba(42,55,76,.08);color:#2a374c}.flowchart-filebar,.flowchart-examples,.flowchart-controls{display:flex;align-items:center;gap:9px;padding:12px 16px;border-bottom:1px solid #e3e5eb;background:#fff}.flowchart-filebar{justify-content:space-between}.flowchart-filebar__title{display:flex;align-items:center;gap:7px;min-width:240px}.flowchart-filebar__title input{width:min(440px,50vw);border:0;border-bottom:1px solid transparent;background:transparent;color:#2a374c;font:800 1.04rem/1.3 inherit;padding:7px 4px;outline:none}.flowchart-filebar__title input:focus{border-bottom-color:#0eb582}.flowchart-filebar__title span{color:#0eb582;font-size:1.4rem;font-weight:900}.flowchart-filebar__actions,.flowchart-examples{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.flowchart-filebar button,.flowchart-examples button,.flowchart-palette button,.flowchart-controls button,.flowchart-input-box button,.flowchart-inspector button{border:1px solid #d8dee9;border-radius:8px;background:#fff;color:#2a374c;padding:8px 11px;font:700 .82rem/1.2 inherit;cursor:pointer;transition:.15s ease}.flowchart-filebar button:hover,.flowchart-examples button:hover,.flowchart-palette button:hover,.flowchart-controls button:hover:not(:disabled),.flowchart-input-box button:hover{border-color:#0eb582;background:#ecfdf7}.flowchart-examples{border-bottom:1px solid #e3e5eb;background:#fafbfc}.flowchart-examples>span{margin-right:3px;color:#667085;font-size:.78rem;font-weight:800;text-transform:uppercase}.flowchart-workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:690px}.flowchart-editor-panel{position:relative;min-width:0;border-right:1px solid #e3e5eb}.flowchart-palette{display:flex;flex-wrap:wrap;gap:7px;padding:10px 12px;border-bottom:1px solid #e3e5eb;background:#fff}.flowchart-palette button{font-size:.76rem}.flowchart-canvas{height:590px;background:#fbfcfd}.flowchart-canvas .react-flow__minimap{border:1px solid #e3e5eb;border-radius:8px;overflow:hidden}.flowchart-canvas .react-flow__controls{border:1px solid #e3e5eb;border-radius:8px;overflow:hidden;box-shadow:none}.flowchart-node{position:relative;display:grid;place-items:center;min-width:150px;max-width:240px;min-height:62px;padding:14px 18px;border:2px solid #aeb8c5;border-radius:10px;background:#fff;box-shadow:0 7px 18px rgba(42,55,76,.1);text-align:center}.flowchart-node strong{display:block;max-width:210px;color:#253047;font:750 .9rem/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}.flowchart-node__type{display:block;margin-bottom:4px;color:#8490a1;font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.flowchart-node--start,.flowchart-node--end{min-width:126px;min-height:48px;border-radius:999px;border-color:#0eb582;background:#ecfbf6}.flowchart-node--input,.flowchart-node--output{border-color:#4f8fcb;background:#f4f9ff}.flowchart-node--assignment{border-color:#8994a5}.flowchart-node--decision{min-width:190px;min-height:82px;border-color:#c38d28;border-radius:30px 8px;background:#fffaf0}.flowchart-node--connector{min-width:62px;min-height:62px;border-radius:50%;padding:7px}.flowchart-node.is-current{border-color:#0eb582;box-shadow:0 0 0 5px rgba(14,181,130,.16),0 10px 26px rgba(42,55,76,.13)}.flowchart-node.is-selected{outline:2px solid #253865;outline-offset:3px}.flowchart-node__branch{position:absolute;bottom:-27px;color:#667085;font-size:.62rem;font-weight:900}.flowchart-node__branch--true{left:17%}.flowchart-node__branch--false{right:17%}.flowchart-canvas .react-flow__edge.flowchart-edge--active path,.flowchart-canvas .flowchart-edge--active path{stroke:#0eb582;stroke-width:3}.flowchart-inspector{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr)) auto;align-items:end;gap:9px;padding:12px;border-top:1px solid #e3e5eb;background:#fafbfc}.flowchart-inspector>div{display:grid;gap:3px}.flowchart-inspector>div span{color:#8490a1;font-size:.68rem;font-weight:800;text-transform:uppercase}.flowchart-inspector label,.flowchart-input-box label{display:grid;gap:4px;color:#667085;font-size:.72rem;font-weight:800}.flowchart-inspector input,.flowchart-input-box input{min-width:0;border:1px solid #d8dee9;border-radius:7px;background:#fff;color:#2a374c;padding:8px 9px;font:600 .82rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;outline:none}.flowchart-inspector input:focus,.flowchart-input-box input:focus{border-color:#0eb582;box-shadow:0 0 0 3px rgba(14,181,130,.11)}.flowchart-danger{color:#b42318!important}.flowchart-debugger{padding:18px;background:#fff}.flowchart-debugger__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #eef0f3}.flowchart-debugger__head span{color:#0eb582;font-size:.72rem;font-weight:900;letter-spacing:.09em}.flowchart-debugger__head strong{color:#667085;font-size:.78rem}.flowchart-status{display:inline-flex;margin:12px 0 2px;padding:5px 9px;border-radius:999px;background:#eef2f6;color:#52606f;font-size:.68rem;font-weight:900;text-transform:uppercase}.flowchart-status--completed{background:#e9fbf4;color:#087b5a}.flowchart-status--error{background:#fff0ee;color:#b42318}.flowchart-status--waitingforinput{background:#fff7e6;color:#8a5b00}.flowchart-debug-section{padding:16px 0;border-bottom:1px solid #eef0f3}.flowchart-debug-section h3{margin:0 0 10px;color:#2a374c;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.flowchart-vars{display:grid;gap:6px}.flowchart-vars>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 9px;border-radius:7px;background:#f8fafb;font:600 .82rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.flowchart-vars>div.is-changed{background:#ecfbf6;box-shadow:inset 3px 0 #0eb582}.flowchart-vars span{overflow-wrap:anywhere;text-align:right}.flowchart-evaluation{display:grid;gap:7px}.flowchart-evaluation code{display:block;padding:7px 8px;border-radius:6px;background:#f7f8fb;color:#344054;font-size:.78rem;white-space:pre-wrap;overflow-wrap:anywhere}.flowchart-evaluation strong{color:#0d7658;font-size:1rem}.flowchart-evaluation span{color:#667085;font-size:.78rem;font-weight:700}.flowchart-output{min-height:48px;margin:0;padding:10px;border-radius:8px;background:#253047;color:#f3fff9;font:700 .85rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap}.flowchart-empty{margin:0;color:#98a2b3;font-size:.8rem}.flowchart-input-box{margin-top:10px;padding:12px;border:1px solid #f0d49b;border-radius:9px;background:#fffaf0}.flowchart-input-box button{margin-top:8px}.flowchart-error,.flowchart-validation{margin-top:12px;padding:11px;border-radius:8px;background:#fff0ee;color:#8f2b22;font-size:.78rem;line-height:1.5}.flowchart-validation p{margin:5px 0 0}.flowchart-controls{border-top:1px solid #e3e5eb;border-bottom:0;background:#fafbfc;flex-wrap:wrap}.flowchart-controls button:first-child,.flowchart-controls button:nth-child(4){border-color:#0eb582;background:#0eb582;color:#fff}.flowchart-controls button:disabled{opacity:.42;cursor:not-allowed}.flowchart-message{margin-left:auto;color:#667085;font-size:.78rem}.flowchart-react-shell noscript{display:block;padding:20px;color:#b42318}.flowchart-hero .tools-hero__inner{max-width:1120px}@media(max-width:1180px){.flowchart-workspace{grid-template-columns:minmax(0,1fr) 290px}.flowchart-inspector{grid-template-columns:repeat(2,minmax(0,1fr))}.flowchart-inspector>div{grid-column:1/-1}.flowchart-inspector button{justify-self:start}}@media(max-width:900px){.flowchart-workspace{grid-template-columns:1fr}.flowchart-editor-panel{border-right:0;border-bottom:1px solid #e3e5eb}.flowchart-debugger{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.flowchart-debugger__head,.flowchart-status,.flowchart-error,.flowchart-validation{grid-column:1/-1}.flowchart-filebar{align-items:flex-start;flex-direction:column}.flowchart-filebar__title input{width:min(80vw,440px)}}@media(max-width:620px){.flowchart-page{padding:24px 0 48px}.flowchart-filebar,.flowchart-examples,.flowchart-controls{padding:10px}.flowchart-workspace{min-height:0}.flowchart-canvas{height:500px}.flowchart-palette{overflow-x:auto;flex-wrap:nowrap}.flowchart-palette button{white-space:nowrap}.flowchart-debugger{display:block;padding:14px}.flowchart-inspector{grid-template-columns:1fr}.flowchart-inspector>div{grid-column:auto}.flowchart-filebar__actions{width:100%}.flowchart-filebar__actions button{flex:1 1 auto}.flowchart-message{width:100%;margin-left:0}.flowchart-node{min-width:128px;max-width:190px;padding:12px}.flowchart-node--decision{min-width:165px}.flowchart-canvas .react-flow__minimap{display:none}}