.canvas-container{height:100%;max-height:650px;width:calc(100% - 1rem);margin:0 .5rem;border:1px solid #ddd;border-radius:8px}@media (min-width:768px){.canvas-container{width:calc(100% - 4rem);margin:0 2rem}}.react-flow__edge{z-index:100!important}.react-flow__edge.selected{z-index:101!important}.react-flow__edgelabel-renderer{z-index:1001!important;pointer-events:none}.react-flow__edgelabel-renderer>div{pointer-events:all}.base-node-container{display:flex;min-width:170px;max-width:250px;flex-direction:column;padding:5px;border:1px solid #ccc;border-radius:4px}.compact-base-node-container{width:60px;display:flex;flex-direction:column}.compact-control-container{background-color:none;position:absolute;inset:-18px 0 auto auto!important;width:fit-content;height:fit-content}.compact-node-type-label{position:absolute;top:4px;font-size:8px;width:auto;text-align:center;line-height:1.2;color:#333;text-transform:capitalize;white-space:normal;word-wrap:break-word}.node-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.node-selected{outline:.5px solid #1d3557;outline-offset:0}.node-icon{font-size:12px}.node-icon-rotate--90{transform:rotate(-90deg)}.node-title{font-size:12px;font-weight:700;color:#333;text-transform:capitalize}.node-type-tag{background-color:#f0f0f0;color:#333}.node-subtype-tag,.node-type-tag{display:inline-block;padding:1px 4px;border-radius:3px;font-size:8px;text-transform:capitalize}.node-subtype-tag{background-color:#e0e0e0;color:#555}.type-container{display:flex;flex-direction:row;align-items:center;gap:4px;justify-content:space-between}.text-container{font-size:8px;color:#666;line-height:1.5}.agent-node-container,.control-node-container,.input-node-container,.resource-edit-node-container{background-color:#F7FAFC}.resource-node-container{position:relative;width:60px;height:60px;background-color:rgba(238,203,183,1);border:1px solid #1d3557;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.1)}.resource-node-container,.resource-node-container>*{display:flex;align-items:center;justify-content:center}.resource-node-control-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:4px;width:fit-content;background-color:none;border-radius:3px;padding:2px 4px}.resource-node-label{font-size:8px;text-align:center;overflow:visible;line-height:1.2;color:#333;text-transform:capitalize;white-space:normal;word-wrap:break-word;z-index:10}.output-node-container{background-color:#F7FAFC}.edit-node-header-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.base-edit-input{width:100%;padding:2px 4px;border:.5px solid #ccc;border-radius:3px;font-size:12px;display:flex}.base-edit-input:focus-within{outline:none;border-color:rgb(235,167,90)}.base-edit-input input::placeholder,.base-edit-input textarea::placeholder{color:#999;font-style:italic}.base-edit-input:focus{outline:none;border-color:rgb(235,167,90)}.base-edit-input::placeholder{color:#999;font-style:italic}.edit-input-with-icon{display:flex;align-items:center;gap:4px;width:100%}.edit-node-button{border:none;cursor:pointer;padding:0;margin-left:4px}.edit-node-button:hover{color:rgb(235,167,90)}.editing{min-width:280px;max-width:350px}.node-title-input{width:100%;padding:2px 4px;border:.5px solid #ccc;border-radius:3px;font-size:12px;font-weight:700}.node-select-subtype-container{display:flex;flex-direction:column;margin-bottom:8px}.node-select-button-container{display:flex;flex-wrap:wrap;gap:3px}.node-subtype-button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:100px;padding:2px 5px;font-size:8px;cursor:pointer;margin-right:4px;width:fit-content}.node-subtype-button:hover{background-color:#e0e0e0;border-color:rgb(235,167,90)}.node-subtype-button.selected{background-color:#1d3557;font-size:10px;color:white;border-color:#1d3557}.node-title-input::placeholder{color:#999;font-style:italic}.edit-textarea{min-height:40px;resize:none}.remove-button{background-color:transparent;color:#1d3557;border-radius:100%;font-size:14px}.add-button,.remove-button{border:none;width:18px;height:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.add-button{background-color:#4CAF50;color:white;border-radius:100%;padding:2px;font-size:10px}.edit-select{width:100%;padding:4px;border:1px solid #ccc;border-radius:3px;font-size:12px}.add-button:hover,.remove-button:hover{background-color:#ddd}label{font-size:12px;margin-bottom:4px;margin-top:4px}input:focus{outline:none;border-color:rgb(235,167,90)}