@import"https://fonts.googleapis.com/css2?family=Cascadia+Mono:ital,wght@0,200..700;1,200..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";body,html{margin:0;padding:0}#app{font-weight:400;font-family:Poppins,Arial,Helvetica,sans-serif}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #5273ce;border-radius:50%;width:40px;height:40px;animation:spin 2s linear infinite;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}header[data-v-1b64b32e]{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#5273ce;color:#fff}header .logo-title[data-v-1b64b32e]{display:flex;align-items:center;gap:.5rem}header .logo-title svg[data-v-1b64b32e]{width:2rem;height:2rem}header .logo-title h1[data-v-1b64b32e]{margin:0;font-size:1.75rem;font-family:Cascadia Mono,serif;font-weight:500}header a[data-v-1b64b32e]{color:#fff;text-decoration:none;font-size:1.2rem}header svg[data-v-1b64b32e]{width:1.5rem;height:1.5rem}.chatbox-wrapper[data-v-b528bb7c]{width:100%;height:92dvh;min-height:600px;background-color:#fff;position:relative}.chatbox-wrapper .instruction[data-v-b528bb7c]{padding:.5rem;font-size:12px;color:#3d3c3cee;background:#fdf59b;border-radius:.5rem;margin:.5rem;display:flex;gap:8px;align-items:flex-start}.chatbox-wrapper .instruction p[data-v-b528bb7c]{margin:0;line-height:20px}.chatbox-wrapper .chat-header[data-v-b528bb7c]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e3e1e1;padding:.75rem 1rem;font-size:.875rem;color:#5273ce;background:#fff}.chatbox-wrapper .chat-header .new-chat-btn[data-v-b528bb7c]{background:linear-gradient(45deg,#9ab5ff,#4469d0);border:none;color:#fff;cursor:pointer;padding:.35rem 1rem;border-radius:.25rem;overflow:hidden;display:flex;align-items:center;font-size:16px;box-shadow:#00000029 0 3px 3px,#0000003b 0 3px 3px;transition:box-shadow .15s ease-in}.chatbox-wrapper .chat-header .new-chat-btn[data-v-b528bb7c]:hover{box-shadow:#0000001a 0 3px 3px,#0000001a 0 0}.chatbox-wrapper .chat-header .new-chat-btn svg[data-v-b528bb7c]{width:1rem;height:1rem;margin-right:.15rem}.chatbox-wrapper .chat-header .chat-count[data-v-b528bb7c]{display:flex;justify-content:flex-end;align-items:center}.chatbox-wrapper .chat-header .chat-count .arrows[data-v-b528bb7c]{background:transparent;border:1px solid #5273ce;border-radius:2rem;display:grid;place-items:center;cursor:pointer}.chatbox-wrapper .chat-header .chat-count .arrows svg[data-v-b528bb7c]{width:1.2rem;height:1.2rem;color:#5273ce}.chatbox-wrapper .chat-header .chat-count span[data-v-b528bb7c]{display:inline-block;width:80px;text-align:center}.chatbox-wrapper textarea[data-v-b528bb7c]{width:100%;height:calc(80dvh - 60px);border:none;resize:none;outline:none;background:transparent;padding:1rem;overflow:auto;box-sizing:border-box;font-family:Poppins,sans-serif;font-weight:400;font-size:.85rem;line-height:26px;color:#3d3c3cee}.chatbox-wrapper .generate-btn[data-v-b528bb7c]{position:absolute;bottom:1rem;right:1rem;border-radius:3rem;border:none;background:#638af8;color:#fff;cursor:pointer;padding:.5rem;box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;display:grid;place-items:center;transition:transform .25s ease-in-out}.chatbox-wrapper .generate-btn[data-v-b528bb7c]:hover{transform:translateY(-5px);background:#4565c0}.chatbox-wrapper .generate-btn[data-v-b528bb7c]:disabled{background:#94b0ff;cursor:not-allowed;transform:translate(0)}.toolbar[data-v-0c4d62af]{padding:10px;background-color:#fff;border-radius:5px;max-width:fit-content;position:absolute;left:12px;top:10px;box-shadow:0 2px 8px #00000026;z-index:100}.toolbar .options[data-v-0c4d62af]{display:flex;align-items:center;justify-content:center;gap:10px;position:relative}.toolbar .options .style-popover[data-v-0c4d62af]{position:absolute;top:34px;left:-8px;width:100%;height:100%;min-width:160px;min-height:165px;background-color:#fff;padding:.5rem;border-radius:.25rem;border:1px solid #ccc;box-shadow:0 2px 8px #00000026}.toolbar .options .style-popover .property[data-v-0c4d62af]{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:.25rem;padding:.25rem 0}.toolbar .options .style-popover .property svg rect[data-v-0c4d62af]{stroke:#838080}.toolbar .options .style-popover .property span[data-v-0c4d62af]{font-size:.75rem;color:#000}.toolbar .options .style-popover .property .text-input[data-v-0c4d62af]{outline:none;border:1px solid #ccc;border-radius:.25rem;width:30px;-webkit-appearance:none;-moz-appearance:textfield;appearance:none;margin:0;text-align:center}.toolbar .options .style-popover .property input[data-v-0c4d62af]::-webkit-outer-spin-button,.toolbar .options .style-popover .property input[data-v-0c4d62af]::-webkit-inner-spin-button{-webkit-appearance:none}.toolbar .options .style-popover .property[data-v-0c4d62af]:not(:last-of-type){border-bottom:1px solid #e7e7e7}.toolbar .options .style-popover .property.input-wrapper[data-v-0c4d62af]{align-items:flex-start;flex-direction:column}.toolbar .options .style-popover .property.input-wrapper textarea[data-v-0c4d62af]{box-sizing:border-box;width:100%;height:100%;border:1px solid #ccc;border-radius:.25rem;padding:.5rem;resize:none;outline:none;font-size:.75rem;color:#000}.toolbar .options .color-picker[data-v-0c4d62af]{visibility:hidden;opacity:0;width:0;height:0;padding:0;margin:0;border:none}.diagram-renderer[data-v-2f608e35]{width:100%;height:100%;min-height:400px;border:1px solid #ddd;background-color:#f7f9fb;text-align:center;position:relative}.diagram-renderer .diagram-container[data-v-2f608e35]{width:100%;height:100%;min-height:400px;overflow:auto;text-align:center}.diagram-renderer .download-btn[data-v-2f608e35]{margin:10px;padding:8px 12px;background-color:#5273ce;color:#fff;border:none;border-radius:4px;cursor:pointer;position:absolute;bottom:10px;right:0}.diagram-renderer .loading-overlay[data-v-2f608e35]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffc;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;overflow:hidden}.diagram-renderer .error-message[data-v-2f608e35]{color:red;padding:10px;text-align:center}.diag-flow-container[data-v-18b97b5c]{display:flex;flex-direction:column;padding-right:5px}.diag-flow-container .input-section[data-v-18b97b5c]{width:100%;height:100%}@media (min-width: 768px){.diag-flow-container[data-v-18b97b5c]{flex-direction:row}.diag-flow-container .input-section[data-v-18b97b5c]{width:35%}.diag-flow-container .editor-section[data-v-18b97b5c]{width:65%}}