@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sketch-app{background:#f3f4f6;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;overflow:hidden;width:100%}.sketch-header-simple{background:#0000;border-bottom:1px solid #0000001a;box-shadow:none;padding:12px 24px}.header-simple-content{align-items:center;display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:1400px}.header-right-controls{align-items:center;display:flex;gap:16px}.controls-simple{gap:8px}.btn-simple,.controls-simple{align-items:center;display:flex}.btn-simple{background:#fffffff2;border:none;border-radius:6px;box-shadow:0 2px 6px #0000001a;color:#374151;cursor:pointer;font-size:14px;font-weight:600;justify-content:center;padding:8px 20px;transition:all .2s ease}.btn-simple:hover:not(:disabled){background:#fff;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.btn-simple:active:not(:disabled){box-shadow:0 2px 6px #0000001a;transform:translateY(0)}.btn-simple:disabled{background:#ffffffb3;cursor:not-allowed;opacity:.5}.btn-simple.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-simple.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 4px 12px #ef444466}.btn-simple.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-simple.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 4px 12px #10b98166}.btn-simple.btn-info{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.btn-simple.btn-info:hover:not(:disabled){background:linear-gradient(135deg,#22d3ee,#06b6d4);box-shadow:0 4px 12px #06b6d466}.btn-simple.btn-active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-simple.btn-active:hover:not(:disabled){background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 4px 12px #3b82f666}.header-hint{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000000d;border-radius:6px;color:#6b7280;display:flex;font-size:13px;font-weight:500;gap:4px;padding:6px 12px}.header-hint kbd{background:#fff;border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#374151;font-family:Monaco,Menlo,monospace;font-size:12px;font-weight:700;padding:2px 8px}.unit-selector{align-items:center;background:#0000000d;border-radius:6px;display:flex;gap:8px;padding:6px 12px}.unit-label{color:#6b7280;font-size:13px;font-weight:600}.unit-select{background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:4px 8px;transition:all .2s ease}.unit-select:hover{border-color:#d1d5db}.unit-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.canvas-container-simple{align-items:center;background:#f9fafb;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:24px;position:relative}.canvas-wrapper-simple{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 16px #0000001a;overflow:hidden;position:relative}.sketch-canvas-simple{background:#fff;display:block}.instructions-overlay{left:50%;pointer-events:none;position:absolute;top:20px;transform:translateX(-50%);z-index:10}.instruction-box{animation:fadeInDown .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3b82f6f2;border-radius:8px;box-shadow:0 4px 16px #0003;color:#fff;padding:12px 24px}.instruction-box p{font-size:14px;font-weight:500;margin:4px 0;text-align:center}.status-overlay-simple{bottom:20px;display:flex;gap:8px;pointer-events:none;position:absolute;right:20px;z-index:10}.status-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f2937e6;border-radius:20px;box-shadow:0 2px 8px #0003;color:#fff;font-size:13px;font-weight:600;padding:8px 16px}.status-badge.status-active{animation:pulse 2s infinite;background:#22c55ee6}.status-badge.status-connected{background:#3b82f6e6}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}.loading-text{color:#667eea;font-size:16px;font-weight:600;margin-top:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeInDown{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes pulse{0%,to{opacity:.9}50%{opacity:1}}@media (max-width:768px){.sketch-header-simple{padding:10px 16px}.header-simple-content{align-items:stretch;flex-direction:column;gap:12px}.controls-simple{flex-wrap:wrap;gap:6px;width:100%}.btn-simple{flex:1 1;font-size:13px;justify-content:center;min-width:100px;padding:8px 12px}.header-right-controls{flex-direction:column;gap:8px;width:100%}.header-hint,.unit-selector{justify-content:center;width:100%}.header-hint{font-size:12px}.canvas-container-simple{padding:12px}.instruction-box{padding:8px 16px}.instruction-box p{font-size:12px}}.edit-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.edit-modal-container{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 24px 48px #0003;max-width:90vw;min-width:400px;overflow:hidden}.edit-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none;display:flex;justify-content:space-between;padding:20px 24px}.edit-modal-title{color:#fff;font-size:20px;font-weight:700;margin:0}.edit-modal-close{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:36px}.edit-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.edit-modal-content{padding:24px}.edit-modal-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.edit-modal-input{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:16px;font-weight:500;padding:12px 16px;transition:all .2s ease;width:100%}.edit-modal-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.edit-modal-hint{color:#6b7280;font-size:13px;line-height:1.5;margin:12px 0 0}.edit-modal-actions{background:#f9fafb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.edit-modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:10px 24px;transition:all .2s ease}.edit-modal-btn.cancel{background:#fff;border:2px solid #e5e7eb;color:#6b7280}.edit-modal-btn.cancel:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.edit-modal-btn.submit{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.edit-modal-btn.submit:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.edit-modal-btn.submit:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.edit-modal-container{margin:16px;min-width:320px}.edit-modal-header{padding:16px 20px}.edit-modal-title{font-size:18px}.edit-modal-content{padding:20px}.edit-modal-actions{flex-direction:column;padding:12px 20px 20px}.edit-modal-btn{width:100%}}*{margin:0;padding:0;text-decoration:none}.error{color:#ff4500;font-size:.75rem;font-weight:600;margin-left:.25rem;margin-top:.2rem}.MuiAutocomplete-inputFocused{border-color:#0000!important}.css-1u4zpwo-MuiSvgIcon-root-MuiStepIcon-root.Mui-active,.css-1u4zpwo-MuiSvgIcon-root-MuiStepIcon-root.Mui-completed{color:#0000!important}.custom-row{background:#f6f6f6;border:none;border-radius:20px;margin-top:8px}.mainModal{backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);background-color:rgba(0,0,0,.651);background:#2e2e2e40;bottom:0;box-shadow:15px 15px 50px #00000029;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:1001}.login_Box{background:#fff 0 0 no-repeat padding-box;border-radius:22px;box-shadow:0 3px 6px #00000029;height:-moz-fit-content;height:fit-content;margin-left:auto;margin-top:-1%;padding:1.5em 2em;width:25%}.login_Box h3{font:normal normal 600 36px/69px Poppins}.login_Box h3,.login_Box p{color:#191a1c;letter-spacing:0}.login_Box p{font:normal normal 600 13px Poppins}.TermsService{height:100vh}.footer .term{cursor:pointer}.TermsService{background-image:url(/static/media/shutterstock_1569440923.956bbfb55866eb8f0d5b.png);background-position:top;background-repeat:no-repeat;background-size:100% 50%;display:flex;flex-direction:column;height:100%;width:100%}.TermsService .loginImage{margin-bottom:50px}.TermsService .loginImage .logo{height:53px;margin-left:140px;margin-top:55px;width:232px}.TermsService .container{background:#fff 0 0 no-repeat padding-box;border-radius:22px;box-shadow:0 3px 6px #00000029;margin-bottom:50px;padding:41px 48px}.TermsService h3{color:#000;font-size:22px}.TermsService a{color:#2c80ff;font-size:17px;font-weight:600;text-decoration:none}.TermsService p{color:#474c4e;font-size:12px;opacity:1}.margin{margin-left:-26px}
/*# sourceMappingURL=main.c2884664.css.map*/