.FlowChart{display:flex;flex-direction:column;flex:1;min-height:0;background:color-mix(in srgb,var(--lightGray) 75%,var(--white))}.FlowChart--withArtifactAi{padding-bottom:72px;box-sizing:border-box}.FlowChart__header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;gap:16px;background:color-mix(in srgb,var(--lightGray) 75%,var(--white));border-bottom:1px solid color-mix(in srgb,var(--black) 8%,transparent)}.FlowChart__headerLeft,.FlowChart__headerRight{display:flex;align-items:center;gap:12px}.FlowChart__backBtn{background-color:var(--lightGray)!important;padding:6px 12px!important;display:inline-flex;align-items:center;gap:8px;padding:6px 0;font-size:14px;font-weight:500;color:var(--lessDark);background:none;border:none;cursor:pointer;transition:color .2s}.FlowChart__backBtn:hover{color:var(--black)}.FlowChart__backBtn svg{flex-shrink:0}.FlowChart__saveBtn{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;font-size:14px;font-weight:500;color:var(--white);background:var(--purple);border:none;border-radius:12px;cursor:pointer;transition:background .2s,box-shadow .2s}.FlowChart__saveBtn:hover{background:var(--bgPurple);box-shadow:0 4px 12px color-mix(in srgb,var(--purple) 35%,transparent)}.FlowChart__saveBtn svg{flex-shrink:0}.FlowChart__exportBtn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--white);background:var(--purple);border:none;border-radius:.5rem;cursor:pointer;transition:background .2s,box-shadow .2s}.FlowChart__exportBtn:hover{background:var(--bgPurple);box-shadow:0 4px 6px -1px color-mix(in srgb,var(--black) 10%,transparent)}.FlowChart__body{display:flex;flex:1;min-height:0}.FlowChart__canvas{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.FlowChart__importSection{flex-shrink:0;padding:.75rem 1rem;background:color-mix(in srgb,var(--white) 70%,transparent);border-bottom:1px solid color-mix(in srgb,var(--black) 8%,transparent)}.FlowChart__importTextarea{width:100%;box-sizing:border-box;padding:.5rem .75rem;font-family:ui-monospace,monospace;font-size:.8125rem;border:1px solid color-mix(in srgb,var(--slateGray) 35%,transparent);border-radius:.5rem;resize:vertical;margin-bottom:.5rem;min-height:120px}.FlowChart__importTextarea:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 2px color-mix(in srgb,var(--purple) 20%,transparent)}.FlowChart__importSubmitBtn{padding:.4rem .9rem;font-size:.8125rem}