body{margin:0;font-family:Segoe UI,sans-serif;background:#f4f6f8}.app{padding:20px;text-align:center}header{margin-bottom:20px}.toolbar button{margin:0 5px}.node-wrapper{margin-top:30px;position:relative}.node-card{width:230px;margin:auto;padding:14px;background:#fff;border-radius:10px;position:relative;box-shadow:0 4px 10px #00000014;border-left:6px solid #999}.node-card.start{border-color:#4caf50}.node-card.action{border-color:#2196f3}.node-card.branch{border-color:#ff9800}.node-card.end{border-color:#f44336}.node-card input{width:100%;border:none;font-weight:700;text-align:center;outline:none}.delete-btn{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;border:none;background:#f44336;color:#fff;cursor:pointer}.line{width:2px;height:20px;background:#bbb;margin:auto}.add-connector{margin-top:10px}.add-connector button{width:26px;height:26px;border-radius:50%;cursor:pointer}.branch-container{display:flex;justify-content:center;gap:50px;margin-top:20px}.branch-column{display:flex;flex-direction:column;align-items:center}.branch-column span{font-size:12px;margin-bottom:6px}.menu{margin:10px auto;width:200px;background:#fff;border-radius:8px;box-shadow:0 4px 10px #00000026}.menu button{width:100%;padding:8px;border:none;cursor:pointer;background:none}.menu button:hover{background:#f0f0f0}