.FlowChartNode{min-width:140px;max-width:240px;padding:12px 16px;border-radius:12px;background:var(--white);border:1px solid color-mix(in srgb,var(--black) 8%,transparent);box-shadow:0 2px 10px color-mix(in srgb,var(--black) 6%,transparent);transition:box-shadow .2s ease,border-color .2s ease}.FlowChartNode:hover{box-shadow:0 4px 16px color-mix(in srgb,var(--black) 10%,transparent);border-color:color-mix(in srgb,var(--black) 10%,transparent)}.FlowChartNode--selected{border-color:var(--purple);box-shadow:0 0 0 2px color-mix(in srgb,var(--purple) 20%,transparent)}.FlowChartNode--start{border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--lightGray) 70%,var(--white)),color-mix(in srgb,var(--purple) 12%,var(--white)));border-color:color-mix(in srgb,var(--purple) 25%,transparent)}.FlowChartNode--process{border-radius:12px}.FlowChartNode--decision{transform:rotate(0);min-width:100px;max-width:180px;padding:20px 16px;background:color-mix(in srgb,var(--purple) 8%,var(--white));border-color:color-mix(in srgb,var(--purple) 30%,transparent)}.FlowChartNode--decision .FlowChartNode__content{text-align:center}.FlowChartNode--document{border-radius:6px 6px 12px 12px;border-left-width:4px;border-left-color:var(--purple)}.FlowChartNode--note{background:color-mix(in srgb,var(--lightGray) 60%,var(--white));border-color:color-mix(in srgb,var(--lessDark) 30%,transparent);border-style:dashed}.FlowChartNode--subprocess{border:2px double color-mix(in srgb,var(--black) 12%,transparent)}.FlowChartNode--delay{border-radius:50%;min-width:80px;max-width:120px;padding:16px;text-align:center}.FlowChartNode--manual{border-radius:0 12px 12px 0;border-left:4px solid var(--purple)}.FlowChartNode--data{border-radius:0 12px 12px 0;background:color-mix(in srgb,var(--purple) 8%,var(--white));border-color:color-mix(in srgb,var(--purple) 25%,transparent)}.FlowChartNode--database{border-radius:8px;background:color-mix(in srgb,var(--purple) 10%,var(--white));border-color:color-mix(in srgb,var(--purple) 35%,transparent)}.FlowChartNode--connector{min-width:48px;max-width:48px;padding:8px;border-radius:50%;background:var(--lightGray);border-color:color-mix(in srgb,var(--black) 8%,transparent)}.FlowChartNode__content{display:flex;flex-direction:column;gap:4px;pointer-events:none}.FlowChartNode__label{font-size:13px;font-weight:600;color:var(--black);word-break:break-word}.FlowChartNode__description{font-size:11px;color:var(--lessDark);line-height:1.4;word-break:break-word}
