.workspace-container{position:absolute;width:100%;top:70px;height:calc(100vh - 70px);overflow:hidden;background:#e5f0ff}#cards-panel{position:absolute;width:150px;height:calc(100% - 10px)!important;top:10px;left:0;padding:10px;overflow:auto!important;background:white!important;border-right:1px solid rgb(0 0 0 / .2);border-radius:20px}.card{float:left;width:120px;cursor:grab;text-align:center;position:relative;margin-bottom:5px;border-radius:15px}.card:hover{transform:scale(1.08);transition:0.5s}.card img{float:left;width:100%;border:1px solid rgb(0 0 0 / .1);border-radius:15px}#workspace-viewport{display:flex;align-items:center;justify-content:center;position:absolute;top:10px;left:160px;width:calc(100% - 170px);height:calc(100% - 20px);overflow:hidden;border-radius:20px;background:#f5f8fa}#workspace{position:absolute;width:3000px!important;min-width:3000px!important;height:3000px!important;background:#fff;border:1px dashed #aaa;border-radius:20px;cursor:grab;overflow:hidden}#workspace:active,#workspace.panning{cursor:grabbing}#workspace.has-cards{display:block!important;position:relative!important}#closeDrawerBtn{display:none!important}#generate,#zoomIn,#zoomOut,#resetWorkspace,#undoBtn,#redoBtn,#cardDrawerBtn,#saveBtn{position:absolute;z-index:100;right:80px;top:90px;cursor:pointer;font-size:30px;color:var(--webiste-primary-color)!important}#saveBtn{right:200px}#zoomOut{right:20px}#zoomIn{right:50px}#resetWorkspace{right:110px}#redoBtn{right:140px}#undoBtn{right:170px}#generate:hover,#zoomIn:hover,#zoomOut:hover,#undoBtn:hover,#redoBtn:hover,#cardDrawerBtn:hover,#resetWorkspace:hover,#saveBtn:hover{color:var(--webiste-second-color)!important}#cardDrawerBtn{display:none!important}#generate ion-icon,#zoomIn ion-icon,#zoomOut ion-icon,#resetWorkspace ion-icon,#undoBtn ion-icon,#redoBtn ion-icon,#cardDrawerBtn ion-icon,#saveBtn ion-icon{background:white!important;border-radius:50%}.hint{float:left;width:100%;display:block;margin:auto;text-align:center;opacity:0.7!important;font-family:Jost}#workspace.has-cards .hint{display:none}.workspace-card{width:200px!important;transform:scale(1)!important;position:absolute;cursor:grab}.card-data-field-1-1,.card-data-field-2-1,.card-data-field-2-2,.card-data-field-3-1,.card-data-field-3-2,.card-data-field-3-3{position:absolute;width:170px;height:25px;line-height:25px!important;top:50px;left:15px;font-size:11px!important;border-radius:20px;font-weight:500;text-align:center}.card-data-field-1-1,.card-data-field-2-1,.card-data-field-2-2{top:68px}.card-data-field-2-1,.card-data-field-2-2{width:75px}.card-data-field-2-2{left:108px}.card-data-field-3-2,.card-data-field-3-3{top:86px;width:75px}.card-data-field-3-3{left:108px}.workspace-card .delete-card{position:absolute;top:-5px;right:-5px;background:#ff4d4d;color:#fff;border-radius:50%;width:22px;height:22px;font-size:14px;line-height:22px;text-align:center;cursor:pointer;display:none}.workspace-card:hover .delete-card{display:block}.edit-card{position:absolute;top:-8px;left:-8px;background:#3b82f6;color:#fff;border-radius:50%;width:22px;height:22px;font-size:13px;line-height:22px;text-align:center;cursor:pointer;display:none}.workspace-card:hover .edit-card{display:block}.modal{position:fixed;inset:0;background:rgb(0 0 0 / .4);display:flex;align-items:center;justify-content:center;z-index:12000}.modal-content{background:#fff;padding:25px;border-radius:15px;width:250px}.modal-content .col-12,.modal-content .col-6{padding:0 5px!important}.modal-content input,.modal-content input:hover{width:100%;padding:10px 15px!important;font-size:14px!important;border-radius:30px!important;border:1px solid rgb(0 0 0 / .15)!important;margin-bottom:10px!important}.modal-content input::placeholder{color:#b4b4b4!important;opacity:1}#saveCardData{float:left;width:100%;font-size:14px!important;font-weight:700;color:#fff;background:var(--webiste-primary-color)!important;border-radius:30px;padding:8px 10px!important;text-align:center}.workspace-card.dragging{opacity:.8;box-shadow:0 10px 30px rgb(0 0 0 / .3);transition:none}.workspace-card.snapped{box-shadow:0 0 0 3px #3b82f6,0 10px 30px rgb(59 130 246 / .4);transition:box-shadow 0.1s}.workspace-card.dragging img{transform:scale(1.02);transition:transform 0.2s}.workspace-card img{pointer-events:none;user-select:none;-webkit-user-drag:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.workspace-card.dragging,.workspace-card.dragging *{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.workspace-card{cursor:grab}.workspace-card.dragging{cursor:grabbing!important}.workspace-card.active,.workspace-card:hover{z-index:100!important}@media screen and (max-width:760px){.edit-card,.delete-card{touch-action:none;-webkit-tap-highlight-color:#fff0;cursor:pointer;pointer-events:auto!important;z-index:1001}.edit-card,.delete-card{top:-8px!important;left:-8px!important;width:30px!important;height:30px!important;line-height:26px!important;font-size:13px;border:2px solid white!important}.delete-card{right:-8px!important;left:initial!important}.workspace-card.active .edit-card,.workspace-card.active .delete-card{display:block!important}.workspace-card{touch-action:none}.workspace-card.dragging{pointer-events:none}.workspace-card.dragging .edit-card,.workspace-card.dragging .delete-card{pointer-events:none}.workspace-container{top:60px;height:calc(100vh - 60px)}#cards-panel{position:fixed;width:150px!important;height:100%!important;top:0;left:-150px;border-radius:0;z-index:200;transition:0.5s}#workspace-viewport{top:10px;left:10px;width:calc(100% - 20px)!important;height:calc(100% - 20px)!important}#generate,#zoomIn,#zoomOut,#resetWorkspace,#undoBtn,#redoBtn,#cardDrawerBtn,#saveBtn{top:80px}#cardDrawerBtn{display:block!important;right:20px}#generate{right:120px}#zoomIn{right:90px}#zoomOut{right:60px}#resetWorkspace{right:150px}#redoBtn{right:180px}#undoBtn{right:210px}#saveBtn{right:240px}#closeDrawerBtn{display:block!important;position:fixed;z-index:10000;left:-40px;top:10px;cursor:pointer;font-size:40px;color:var(--webiste-primary-color)!important;transition:0.6s}#closeDrawerBtn:hover{color:var(--webiste-second-color)!important}#closeDrawerBtn ion-icon{background:white!important;border-radius:50%}.workspace-card{touch-action:none;-webkit-user-select:none;user-select:none}#workspace{touch-action:none}}.codicard-btn-group{float:left;width:100%;text-align:right;margin-top:30px!important}#code{float:left!important;width:100%;height:10px;margin-bottom:30px!important}.codicard-btn-group .btn{padding:5px 10px !important;}.codicard-btn-group .btn:hover{background:var(--webiste-second-color)!important;border:1px solid var(--webiste-second-color)!important}.codicard-btn-group .btn ion-icon{margin-bottom:-3px!important}.save-modal,.new-project-modal,.projects-list{padding:0}.save-modal h3,.new-project-modal h3,.projects-list h3{width:100%;text-align:center;font-family:Jost;color:var(--webiste-second-color)!important;font-size:16px;font-weight:800;margin-top:0;margin-bottom:20px}.save-options{display:flex;flex-direction:column;gap:10px;margin-top:20px}.save-options button{padding:12px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px}.btn-primary{background-color:#4CAF50;color:#fff}.btn-secondary{background-color:#2196F3;color:#fff}.btn-cancel{background-color:#f44336;color:#fff}.btn-danger{background-color:#ff5722;color:#fff}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin:20px 0}.project-item{border:1px solid #ddd;padding:15px;border-radius:5px;background:#f9f9f9}.project-item h4{margin:0 0 10px 0}.project-desc{color:#666;font-size:14px;margin:5px 0}.project-date{color:#999;font-size:12px;margin:5px 0}.project-actions{display:flex;gap:10px;margin-top:10px}.project-actions button{flex:1;padding:8px;border:none;border-radius:3px;cursor:pointer}