.Button-module-scss-module__EtFxQG__button{cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.Button-module-scss-module__EtFxQG__button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.Button-module-scss-module__EtFxQG__button:active{transform:translateY(0)}.Button-module-scss-module__EtFxQG__button:disabled{opacity:.5;cursor:not-allowed}.Button-module-scss-module__EtFxQG__button:disabled:hover{box-shadow:none;transform:none}.Button-module-scss-module__EtFxQG__button.Button-module-scss-module__EtFxQG__primary{color:#fff;background:#0070f3}.Button-module-scss-module__EtFxQG__button.Button-module-scss-module__EtFxQG__primary:hover{background:#0051cc}.Button-module-scss-module__EtFxQG__button.Button-module-scss-module__EtFxQG__secondary{color:#333;background:#fff;border:1px solid #e0e0e0}.Button-module-scss-module__EtFxQG__button.Button-module-scss-module__EtFxQG__secondary:hover{color:#0070f3;border-color:#0070f3}.Button-module-scss-module__EtFxQG__button.Button-module-scss-module__EtFxQG__icon{min-width:36px;height:36px;padding:8px}.Button-module-scss-module__EtFxQG__button.Button-module-scss-module__EtFxQG__icon.Button-module-scss-module__EtFxQG__active{color:#fff;background:#0070f3}.Button-module-scss-module__EtFxQG__button svg{width:20px;height:20px}
.Toolbar-module-scss-module__Qx7KEG__toolbar{z-index:100;background:#fff;border-radius:12px;flex-wrap:wrap;gap:8px;max-width:90vw;padding:8px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000026}@media (max-width:768px){.Toolbar-module-scss-module__Qx7KEG__toolbar{gap:4px;padding:4px;top:auto;bottom:24px}}.Toolbar-module-scss-module__Qx7KEG__divider{background:#e0e0e0;width:1px;margin:0 4px}@media (max-width:768px){.Toolbar-module-scss-module__Qx7KEG__divider{display:none}}.Toolbar-module-scss-module__Qx7KEG__toolGroup{align-items:center;gap:4px;display:flex}@media (max-width:768px){.Toolbar-module-scss-module__Qx7KEG__toolGroup{gap:4px}}
.Canvas-module-scss-module__9wlG-W__canvas{cursor:default;background:#fff;width:100%;height:100vh;position:relative;overflow:hidden}.Canvas-module-scss-module__9wlG-W__canvas.Canvas-module-scss-module__9wlG-W__grabbing{cursor:grabbing}.Canvas-module-scss-module__9wlG-W__canvas.Canvas-module-scss-module__9wlG-W__crosshair{cursor:crosshair}.Canvas-module-scss-module__9wlG-W__viewport{width:100%;height:100%;position:relative}.Canvas-module-scss-module__9wlG-W__grid{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.Canvas-module-scss-module__9wlG-W__element{cursor:move;-webkit-user-select:none;user-select:none;position:absolute}.Canvas-module-scss-module__9wlG-W__element.Canvas-module-scss-module__9wlG-W__selected{outline-offset:2px;outline:2px solid #0070f3}.Canvas-module-scss-module__9wlG-W__element.Canvas-module-scss-module__9wlG-W__text{cursor:text;min-width:100px;min-height:30px;padding:8px}.Canvas-module-scss-module__9wlG-W__element.Canvas-module-scss-module__9wlG-W__rectangle,.Canvas-module-scss-module__9wlG-W__element.Canvas-module-scss-module__9wlG-W__circle,.Canvas-module-scss-module__9wlG-W__element.Canvas-module-scss-module__9wlG-W__roundedRect,.Canvas-module-scss-module__9wlG-W__element.Canvas-module-scss-module__9wlG-W__ellipse{background:#fff;border:2px solid #333;justify-content:center;align-items:center;padding:8px;display:flex}.Canvas-module-scss-module__9wlG-W__element.Canvas-module-scss-module__9wlG-W__circle{border-radius:50%}.Canvas-module-scss-module__9wlG-W__element.Canvas-module-scss-module__9wlG-W__roundedRect{border-radius:12px}.Canvas-module-scss-module__9wlG-W__textInput{resize:none;background:0 0;border:none;outline:none;width:100%;height:100%;font-family:inherit;font-size:16px;overflow:hidden}.Canvas-module-scss-module__9wlG-W__shapeTextInput{z-index:1;resize:none;text-align:center;background:#ffffffe6;border:1px dashed #0070f3;border-radius:4px;outline:none;width:80%;max-height:80%;padding:4px;font-family:inherit;font-size:16px;position:relative}.Canvas-module-scss-module__9wlG-W__shapeText{z-index:1;text-align:center;word-break:break-word;-webkit-user-select:text;user-select:text;position:relative}.Canvas-module-scss-module__9wlG-W__arrow{pointer-events:none;position:absolute}.Canvas-module-scss-module__9wlG-W__arrow.Canvas-module-scss-module__9wlG-W__selected{stroke:#0070f3;stroke-width:3px}.Canvas-module-scss-module__9wlG-W__preview{opacity:.5;pointer-events:none;background:#0070f31a;border:2px dashed #0070f3;position:absolute}.Canvas-module-scss-module__9wlG-W__preview.Canvas-module-scss-module__9wlG-W__circle{border-radius:50%}.Canvas-module-scss-module__9wlG-W__preview.Canvas-module-scss-module__9wlG-W__diamond{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.Canvas-module-scss-module__9wlG-W__preview.Canvas-module-scss-module__9wlG-W__triangle{clip-path:polygon(50% 0%,100% 100%,0% 100%)}.Canvas-module-scss-module__9wlG-W__preview.Canvas-module-scss-module__9wlG-W__hexagon{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.Canvas-module-scss-module__9wlG-W__preview.Canvas-module-scss-module__9wlG-W__star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.Canvas-module-scss-module__9wlG-W__arrowPreview{pointer-events:none;z-index:1000;width:100%;height:100%;position:absolute;top:0;left:0}.Canvas-module-scss-module__9wlG-W__resizeHandle{z-index:10;background:#0070f3;border:1px solid #fff;border-radius:2px;position:absolute}.Canvas-module-scss-module__9wlG-W__connectionHandle{z-index:10;cursor:pointer;color:#0070f3;background:#0070f326;border:1px dashed #0070f3;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute}.Canvas-module-scss-module__9wlG-W__connectionHandle svg{opacity:.7;width:12px;height:12px}.Canvas-module-scss-module__9wlG-W__connectionHandle:hover{background:#0070f366;transform:scale(1.2)}.Canvas-module-scss-module__9wlG-W__connectionHandle:hover svg{opacity:1}
.DiagramEditor-module-scss-module__wNs9DG__editor{width:100%;height:100vh;position:relative;overflow:hidden}