.left-content{flex:0 0 15%;background-color:#fff;padding:10px;border:1px solid rgb(206,198,198);display:flex;justify-content:space-between;flex-direction:column;z-index:20}.image-upload-container{position:relative;z-index:20}.upper-content-left{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px;z-index:20}.right-content{width:35%}.upload-section{border:1px dashed rgb(206,198,198);padding:10px;text-align:center;background-color:#f9f9f9;margin-bottom:20px;display:flex;justify-content:center;align-items:center;position:relative;transition:all .3s ease}.upload-section.dragging{border-color:#2196f3;background-color:#2196f30d}.upload-section-item{display:flex;flex-direction:column;padding-left:1rem;padding-right:1rem}.btn-upload{display:flex;margin:auto;font-size:.75rem;padding:.25rem .75rem;margin-top:.5rem;width:max-content;background-color:#000;color:#fff;border-radius:.25rem;border-width:1px;cursor:pointer}.btn-text{margin:auto;letter-spacing:.5px}.icon-upload{margin-right:8px;fill:currentColor}.upload-text{font-size:12px;color:#777;margin-top:10px}.button-group-gallery{display:flex;justify-content:space-around;margin-bottom:20px;gap:1rem;z-index:19}.btn-builder-gallery{display:flex;align-items:center;justify-content:space-around;font-size:.65rem;padding:.25rem;margin-top:.5rem;width:max-content;background-color:#000;color:#fff;border-radius:.25rem;border-width:1px;cursor:pointer}.icon-from-gallery,.icon-from-settings{fill:currentColor}.grid-container-gallery-view{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:.5rem;gap:.5rem;max-height:150px;overflow-y:auto}.add-text-block-gallery{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;aspect-ratio:1 / 1;border:1px solid rgb(206,198,198);cursor:pointer;width:100%}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:5px;padding:5px}.image-block-gallery{position:relative;border:1px solid rgb(206,198,198);aspect-ratio:1 / 1;display:flex;cursor:pointer;align-items:center}.gallery-image{width:100%;max-height:100%;overflow-clip-margin:content-box;overflow:clip;min-height:100%}.delete-icon{position:absolute;top:2px;right:2px;background-color:#ef4444;width:1rem;height:1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.delete-icon svg{fill:#fff;width:16px;height:16px}.badge{position:absolute;bottom:0;left:51.5px;background-color:#000;color:#fff;font-size:10px;padding:3px 4px;border-radius:2px 2px 0/2px 2px 0px}.lower-content-left{margin-top:20px}.dimension-fields{display:flex;flex-direction:column;gap:20px}.label{font-size:14px;margin-bottom:5px}.input-container{display:flex;align-items:center}.input{width:80px;padding:5px;border:1px solid rgb(206,198,198);border-radius:4px;margin-right:5px}.aspect-ratio{display:flex;align-items:center}.aspect-ratio .icon{margin-left:10px;cursor:pointer}.upload-loader{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.loader-spinner{width:20px;height:20px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}.grid-container-gallery-view{position:relative}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;border:"2px solid red"}.dropdown-menu{position:absolute;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:8px;z-index:15;color:red}.image.preview-images{height:90%;border:2px solid black;object-fit:cover;width:100%;border-radius:4px;padding:4px;margin-bottom:4px}.image-item.parent{position:relative}.dot-indicator{font-size:20px;color:#000;cursor:pointer;display:flex;justify-content:end}.modal-container{background-color:#fff;padding:20px;max-width:800px;width:100%;border-radius:8px;box-shadow:0 4px 10px #0000001a;border:2px solid #555}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.5rem;font-weight:700}.modal-close{font-size:1.5rem;cursor:pointer;background:none;border:none}.modal-body{padding:20px 0;height:600px;overflow-y:auto}.image-item{padding:15px;border-radius:4px;max-width:300px;max-height:300px;position:relative;border:1px solid #555;margin-right:10px}.modal-footer{margin-top:20px;display:flex;justify-content:center}.pagination{display:flex;gap:10px}.page-btn{background-color:#f0f0f0;border:none;padding:8px 12px;border-radius:4px;cursor:pointer}.page-btn.active{background-color:#007bff;color:#fff}.text-edit-panel-container{margin:0;padding:0;margin-top:1.5rem}.uploadda{padding:16px;background-color:#f5f5f5;border-radius:8px;margin-top:16px}.marginn{margin-bottom:12px}.headupp,.marginn-header{margin:0 0 8px;color:#333;text-align:center}.braekdownc{padding:12px;background-color:#fff;border-radius:6px;border:1px solid #e0e0e0;margin:auto}.paradoen{margin:0;font-size:14px;color:#666}.breaaa{margin:4px 0 0;font-size:16px;font-weight:500}.lower-content-left{padding:1rem}.row{display:flex;flex-direction:column;gap:.5rem}.center-items{display:flex;justify-content:center}.btn-remove-background{background-color:#f66;color:#fff;padding:.5rem 1rem;border:none;border-radius:.25rem;cursor:pointer}.btn-remove-background:hover{background-color:#ff4d4d}.hidden{display:none}.font-bold{font-weight:700}.dimension-fields{display:flex;flex-direction:column;gap:.5rem}.input-group{display:flex;align-items:center}.label{flex-basis:100px;font-weight:700}.input-container{align-items:center}.input{width:80px;padding:.5rem;border:1px solid #ccc;border-radius:.25rem}.aspect-ratio{display:flex;align-items:center;justify-content:space-between;font-weight:700}.icon{display:flex;align-items:center;justify-content:center;cursor:pointer}.icon svg{fill:#666}.toggle-section{padding:.5rem 0}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-end{display:flex;justify-content:flex-end}.toggle-switch{position:relative;display:inline-block;width:40px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-bg{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:20px}.toggle-bg:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-bg{background-color:#4caf50}input:checked+.toggle-bg:before{transform:translate(20px)}.btn{background-color:#4caf50;color:#fff;padding:.5rem 1rem;border:none;border-radius:.25rem;cursor:pointer}.btn:hover{background-color:#45a049}.mt-2{margin-top:.5rem}.delete-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:flex-start;padding-top:20px;z-index:9999}.delete-popup-container{background-color:#fff;border-radius:8px;width:500px;box-shadow:0 4px 10px #00000040;padding:10px;position:relative}.delete-popup-header{display:flex;justify-content:space-between;align-items:center}.delete-popup-title{font-size:22px;font-weight:700;letter-spacing:.1rem}.delete-popup-close{background:none;border:none;font-size:18px;cursor:pointer;color:#000}.delete-popup-close:hover{color:#333}.delete-popup-divider{margin:10px;border:none;border-top:1px solid #ddd}.delete-popup-message{font-size:16px;color:#333;margin:10px 0}.delete-popup-actions{display:flex;justify-content:flex-end;gap:10px}.delete-popup-cancel{background-color:#fff;color:#333;border:1px solid #777;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.delete-popup-cancel:hover{background-color:#ccc}.delete-popup-confirm{background-color:#000;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.delete-popup-confirm:hover{background-color:#0056b3}.toast-container{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:999999}.toast-message{display:flex;align-items:center;width:100%;max-width:380px;padding:16px;margin-bottom:16px;background-color:#000;color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;font-size:20px;font-weight:400}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:99999}.modal-container{background-color:#fff;border-radius:8px;padding:20px;max-width:500px;width:90%;position:relative;box-shadow:0 2px 10px #0000001a}.close-button{position:absolute;right:16px;top:16px;background:none;border:none;cursor:pointer;color:#666;padding:4px}.modal-heading{font-size:24px;font-weight:600;margin-bottom:16px;color:#333}.modal-divider{border:none;height:1px;background-color:#e0e0e0;margin:0 -20px 24px}.button-container{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.info-text{font-size:13px;color:#666}.custom-button{width:100%;padding:8px 10px;background-color:#000;color:#fff;border:2px solid #000;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;text-align:left}.custom-button.hovered{background-color:#fff;color:#000;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.arrow-icon{fill:currentColor;transition:transform .3s ease}.custom-button.hovered .arrow-icon{transform:translate(4px)}.family{width:100%}.family-select{width:100%;padding:6px;border:1px solid gray;background-color:#fff;border-radius:4px;font-family:var(--fontFamily)}.togglesx{gap:.5rem;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%}.fonttoogle{padding:3px;background-color:var(--isBold-background, white);color:var(--isBold-color, black);border:1px solid gray;border-radius:4px;font-size:12px;cursor:pointer}.italic-style{padding:3px;background-color:var(--isItalic-background, white);color:var(--isItalic-color, black);border:1px solid gray;border-radius:4px;font-size:12px;cursor:pointer}.align-partyu{padding:3px;background-color:var(--alignment-background, white);color:var(--alignment-color, black);border:1px solid gray;border-radius:4px;font-size:12px;cursor:pointer}.flex .items-center .space-x-2{display:flex;width:100%}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:18px;background-color:#fff;border:1px solid black;border-radius:2px;cursor:pointer}.custom-slider::-moz-range-thumb{width:15px;height:15px;background-color:#000;border:2px solid gray;border-radius:2px;cursor:pointer}.custom-slider::-ms-thumb{width:15px;height:15px;background-color:#000;border:none;border-radius:2px;cursor:pointer}.f{display:flex;align-items:center;width:100%}.divclick{display:flex;align-items:center;justify-content:center;gap:5px;width:150px;height:40px;border:1px solid #e5e7eb;border-radius:4px;padding:0 10px;cursor:pointer}.seecte{width:20px;height:20px;background-color:var(--textColor);border-radius:2px;position:relative}.targetee{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.stroked{display:flex;align-items:center;justify-content:center;gap:5px;width:150px;height:40px;border:1px solid #e5e7eb;border-radius:4px;padding:0 10px;cursor:pointer}.highlated{width:20px;height:20px;background-color:var(--strokeColor);border-radius:2px;position:relative}.strokecolorr{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.gallery-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.gallery-modal-content{background-color:#fff;padding:20px;border-radius:8px;width:800px;max-height:80vh;overflow-y:auto;position:relative}.gallery-modal-close{position:absolute;top:-3px;right:5px;background:none;border:none;font-size:24px;cursor:pointer}.gallery-search-section{margin-bottom:10px}.gallery-tags{display:flex;gap:8px;align-items:center}.gallery-filter-section{margin-bottom:20px}.gallery-type-select{padding:8px;border:1px solid #ccc;border-radius:4px}.gallery-images-section{min-height:600px;display:flex;justify-content:center;align-items:center}.no-images-message{color:#666;font-style:italic}.search-input-container{position:relative;width:100%}.search-icon{position:absolute;left:12px;top:41%;transform:translateY(-50%);fill:#666}.gallery-search-input{width:100%;padding:8px 8px 8px 40px;border:1px solid #ccc;border-radius:4px;margin-bottom:10px}.type-filter-input{padding:8px 12px;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background-color:#fff}.dropdown-icon{fill:#666}.type-options{position:absolute;top:14%;left:70px;width:80%;background-color:#fff;border:1px solid #ccc;border-radius:4px;margin-top:4px;z-index:1}.type-options div{padding:8px 12px;cursor:pointer}.type-options div:hover{background-color:#f5f5f5}.container{width:100%;height:100%;background-color:#fff;overflow:hidden;border:none}.headingContainer{display:flex;justify-content:space-between}.closeButton{border:none;background-color:transparent;font-size:large;cursor:pointer}.heading{letter-spacing:.5px;font-size:x-large}.switchContainer{padding:10px 5px;margin-top:20px}.switchFlex{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.text-sm{font-size:.875rem;line-height:1.25rem;font-weight:700}.artboardInputContainer{display:flex;align-items:center;gap:8px;padding-left:5px;justify-content:flex-end}.artboardInput{padding:4px 6px;border:1px solid #ccc;border-radius:4px;font-size:14px;width:60px;height:30px}.colorPickerContainer{margin-bottom:1.5rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:8px;box-shadow:0 1px 3px #0000001a;margin-left:35px}.colorPickerTopRow{display:flex;justify-content:flex-start;margin-bottom:10px}.colorGrid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(3,1fr);gap:5px}.colorBox{width:20px;height:20px;border-radius:2px;cursor:pointer;transition:transform .1s}.colorBox:hover{transform:scale(1.1)}.colorSpectrumContainer{width:40px;height:100px;display:flex;flex-direction:column;margin-left:10px}.selectedColorPreview{width:21px;height:21px;border:1px solid #ccc;border-radius:4px;margin-bottom:10px;position:relative;overflow:hidden;background-image:url(/assets/images/artboardBackground.jpg);background-size:20rem}.selectedColorPreview:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--selected-color);opacity:var(--opacity)}.colorSpectrum{width:100%;height:120px;border:1px solid #ccc;border-radius:4px;overflow:hidden;position:relative;cursor:crosshair}.spectrumSelector{position:absolute;width:10px;height:10px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 2px #00000080}.spectrumGradient{width:100%;height:100%;background:linear-gradient(to bottom,#fff,red)}.colorSliderContainer{display:flex;flex-direction:column;gap:10px}.colorSlider{width:100%;height:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:2px;outline:none}.colorSlider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:15px;background:#fff;border:1px solid #ccc;border-radius:2px;cursor:pointer}.opacitySliderContainer{position:relative;width:100%;height:10px}.opacitySlider{position:relative;width:100%;height:15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;z-index:1}.opacityGradient{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;border:.09rem solid rgb(204,202,202);z-index:0}.opacitySlider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:15px;background:#fff;border:1px solid #ccc;border-radius:2px;cursor:pointer;z-index:2;position:relative;bottom:2px}.toggleContainer{width:40px;height:20px;border-radius:20px;position:relative;cursor:pointer;transition:background-color .3s ease}.toggleBall{width:18px;height:18px;background-color:#fff;border-radius:50%;position:absolute;top:1px;transition:left .3s ease}.overlayContainerBackground{position:"fixed";top:0;left:0;right:0;bottom:0;background-color:#00000080;display:"flex";justify-content:"center";z-index:99999}.backgroundWarningContainer{background-color:#fff;border-radius:8px;max-width:800px;height:50%;position:relative;top:100px}.backgroundWarningHeadingContainer{display:flex;justify-content:space-between;padding:6px}.backgroundWarningHeading{padding:4px}.backgroundWarningCloseButton{border:none;background-color:transparent;font-size:20px;padding:4px;cursor:pointer}.backgroundWarningHR{margin-bottom:10px}.backgroundWarningTextContainer{margin:5px 15px;border-radius:4px;display:flex;gap:6px;background-color:#ffa726;padding:5px 4px}.backgroundWarningText{font-size:14px}.backgroundWarningImageContainer{overflow:hidden;height:19rem;margin:10px 15px}.backgroundWarningBottomContainer{display:flex;justify-content:space-between;margin:5px 15px}.backgroundWarningBottomInputContainer{display:flex;gap:8px;align-items:center}.backgroundWarningBottomInput{width:20px;height:18px;cursor:pointer}.backgroundWarningBottomInputText{font-size:14px}.backgroundWarningBottomButton{display:flex;gap:15px}.backgroundWarningBottomButtonCancel,.backgroundWarningBottomButtonContinue,.backgroundWarningBottomButtonRemove{padding:.7rem;font-size:.8rem;font-weight:600;cursor:pointer;border:1px solid #ccc;background-color:transparent;border-radius:.5rem;transition:background-color .3s}.backgroundWarningBottomButtonCancel:hover,.backgroundWarningBottomButtonContinue:hover{opacity:.7}.backgroundWarningBottomButtonRemove{background-color:#000;color:#fff}.backgroundWarningBottomButtonRemove:hover{background-color:#fff;color:#000}.canva-modelk{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.canva-pe{background-color:#fff;border-radius:8px;padding:20px;width:80%;max-width:800px;max-height:80%;overflow:auto;box-shadow:0 4px 6px #0000001a}.return-name{border-bottom:1px solid #e0e0e0;padding-bottom:10px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}.head-retu{margin:0;font-size:18px;font-weight:700}.retu-butto{background:none;border:none;font-size:20px;cursor:pointer}.modal-full{display:"flex",}.full-div{width:70%;padding-right:15px}.lowerdiv{border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.canvas-modd{width:30%;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center}.handle-remove{background-color:#f44336;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;transition:background-color .3s ease;width:100%}.apply-chnges{background-color:#4caf50;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;transition:background-color .3s ease;width:100%}.handle-reset{background-color:#ffc107;color:#000;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;transition:background-color .3s ease;width:100%}.return-part{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:flex-start;z-index:99999}.other-return{background-color:#fff;border-radius:.2rem;padding:1.5rem;width:650px;height:fit-content;margin-top:1.5rem;display:flex;flex-direction:column;box-shadow:0 4px 8px #0003}.confirmation{letter-spacing:.5px;display:flex;justify-content:space-between;align-items:center}.design-input{font-size:.8rem;font-weight:700;letter-spacing:.5px}.name-design{width:100%;padding:.5rem;margin-top:.5rem;border:1px solid #D1D5DB;border-radius:.5rem}.hello-icons{display:flex;flex-direction:column;gap:.1rem;margin-bottom:1rem}.three-icon,.overlapping-img,.low-reso,.issue-img{display:flex;align-items:center;gap:.5rem}.cart-button{width:100%;padding:.5rem;background-color:#000;color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-size:.7rem}.app-container{display:flex;justify-content:flex-end;padding:10px;position:relative}.sidebar-container{position:fixed;top:180px;right:0;width:300px;bottom:81px;border-left:1px solid #ccc;background-color:#fff;overflow-y:auto;box-shadow:-2px 0 5px #0000001a;display:flex;flex-direction:column;padding:1rem}.sidebar-content{flex-grow:1}.sidebar-title{font-size:1.25rem;margin-bottom:1rem}.gang-sheet{border:1px solid #ccc;border-radius:8px;padding:1rem;margin-bottom:1rem}.inp-builder{border:1px solid #ccc;padding:.25rem;width:50px}.action-item{cursor:pointer;display:flex;align-items:center;margin-top:1rem}.action-item:hover{color:#007bff}.tiny-scroll-bar::-webkit-scrollbar{width:8px}.tiny-scroll-bar::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:4px}.toggle-box{position:absolute;bottom:45rem;right:1px;padding:.5rem;z-index:15;background-color:#fff;border:2px solid gray;border-radius:.2rem;border-right:transparent}.toggle-arrow{color:gray}.spinner{width:16px;height:16px;border:2px solid #e0e0e0;border-top:2px solid #808080;border-radius:50%;animation:spin 1s linear infinite}.design-part{display:flex;flex-direction:column;gap:1rem}.detail-des{display:flex;align-items:center;gap:.3rem;color:#000}.relative-des{display:flex;align-items:center;cursor:pointer;justify-content:space-between}.lower-des{color:#000}.design-box{display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.design-input{width:4rem;border:1px solid #D1D5DB;border-radius:.25rem;padding:.2rem}.span-design{font-size:12px;margin-right:26px;cursor:pointer}.delete-visible{cursor:pointer;color:red;font-size:14px}.toggle-button{position:fixed;top:12.7rem;transform:translateY(-50%);background-color:#fff;color:#000;border:1px solid #E5E7EB;padding:.5rem;border-right-color:transparent;cursor:pointer;z-index:15}.side-panel{position:fixed;top:11.5rem;width:20rem;height:78%;background-color:#fff;padding:1rem;overflow-y:auto;transition:right .3s ease-in-out;border:1px solid #E5E7EB;z-index:15}.panel-span{font-weight:700;font-size:.8rem;margin-right:.5rem}.design-length-panel{font-weight:700;font-size:.8rem}.action-iconhs{display:flex;justify-content:space-between;margin-top:1rem;flex-direction:column;gap:.5rem}.returnpartaa{border-radius:.5rem;padding:.4rem .5rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem;margin-top:1rem;position:relative}.spinnername{position:absolute;top:.5rem;right:.5rem;width:16px;height:16px;display:flex;justify-content:center;align-items:center;transition:opacity .3s ease-out}.handleblur{width:100%;padding:.5rem;border:.5px solid black;border-radius:.5rem;resize:none;overflow:hidden;min-height:2rem}.toaster{width:24%;padding:4px;display:flex;position:fixed;left:42%;border-radius:4px;align-items:center;z-index:12}.toaster.overlap{background-color:#ffa72680;top:14.5%}.toaster.boundary{background-color:#ffa72680;top:17%}.svgContainer{margin-right:8px;display:flex}.svg{display:block}.message{letter-spacing:1px;font-size:10px;color:#000;font-weight:500}.zoom-controls{position:absolute;top:40px;right:30px;z-index:10;display:flex;gap:5px;background:#fffefe;padding:8px}.zoom-button{display:flex;align-items:center;justify-content:center;padding:5px;border-radius:4px;border:1px solid #ddd;background:#f8f8f8;cursor:pointer}.new-span{display:flex;align-items:center;margin-left:2px;font-size:14px}.first-sec{position:absolute;top:0;left:0;transform:scale(var(--zoom-level));transform-origin:top left;z-index:11}.second-sec{width:30px;height:30px;background-color:#000}.third-fix{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9998}.canvas-wrapper{position:absolute;cursor:move;width:580px;display:flex;justify-content:flex-end}.canva-cont{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9998}.canva-part{background-color:#fff;border-radius:8px;padding:20px;width:80%;max-width:800px;max-height:80%;overflow:auto;box-shadow:0 4px 6px #0000001a}.lower-part-can{border-bottom:1px solid #e0e0e0;padding-bottom:10px;margin-bottom:15px}.header-can{margin:0;font-size:18px;font-weight:700}.canva-mai{display:flex}.sub-main-canva{width:100%;padding-right:15px}.canva-sub{border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.sidepannel{position:absolute;top:40px;left:40px;background-color:#fff;color:#000;padding:5px;border-radius:8px;font-size:.8rem;z-index:13;pointer-events:auto;max-width:200px;border:.1rem solid #555}.checkbox-lebel{display:flex;align-items:center;margin-bottom:10px}.detail-show{display:flex;align-items:center;margin-bottom:5px;z-index:13}.detail-show-span{width:1rem;height:1rem;border:1px solid #f0f0f0;background-color:#28a745;margin-right:.5rem}.resolution{display:flex;align-items:center;margin-bottom:5px}.resol-span{width:1rem;height:1rem;border:1px solid #f0f0f0;background-color:orange;margin-right:.5rem}.full-part-reso{display:flex;align-items:center;margin-bottom:5px}.full-span{width:1rem;height:1rem;border:1px solid #f0f0f0;background-color:#dc3545;margin-right:.5rem}.detail-reso{position:absolute;top:155px;left:40px;background-color:#fff;color:#000;padding:5px;border-radius:5px;border:.1rem solid #555;font-size:14px;z-index:13;display:flex;flex-direction:column;width:190px}.show-button{position:absolute;top:250px;left:40px;background-color:red;padding:10px;border-radius:4px;color:#fff;font-size:16px;font-weight:700;text-align:center;box-shadow:0 4px 6px #0003;cursor:pointer;border:1px solid red;z-index:13}.button-reso{all:unset;color:inherit;cursor:pointer;font-size:inherit;display:flex;align-items:center;justify-content:center;gap:10px}.optimis-reso{width:16px;height:16px;border:2px solid #FFFFFF;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.finl-reso{height:auto;width:100%;max-width:800px;padding:20px;transform:scale(var(--zoom-level));transform-origin:center;transition:transform .2s ease-in-out}.fabric-canvas-container{position:relative;height:86vh!important;width:"100vw";position:"relative";overflow:"hidden"}.zoom-button:hover{background:#f5f5f5}.zoom-button:active{background:#eee}.scrollbar{position:absolute}.horizontal-scrollbar{bottom:0;left:0;height:10px;width:100%}.vertical-scrollbar{top:0;right:0;width:10px;height:100%;background-color:#0000001a}canvas#fabricCanvas{background:url(../assets/images/artboardBackground.jpg)}canvas.upper-canvas{border:1px dashed #555!important;width:"100%"}canvas.upper-canvas{width:487px;display:block}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:4px 5px;background-color:#fff}.left-column{display:flex;align-items:center;margin-right:100px}.logo-img{width:60px;height:55px}.img{overflow-clip-margin:content-box;overflow:clip}.right-column{display:flex;justify-content:space-between;align-items:center;gap:10px}.right-col-1-item1{display:flex;gap:5px;align-items:center;font-size:.8rem;font-weight:600}.input-builder{display:flex;align-items:center;border-radius:.275rem;border:1px solid rgb(206,198,198);padding:.25rem;color:#111827;box-shadow:0 1px 2px #0000000d;width:60px;height:40px;outline:none;transition:box-shadow .2s}.btn-save-add-cart{display:flex;align-items:center;padding:.7rem;font-size:.8rem;font-weight:600;white-space:nowrap;cursor:pointer;background-color:#000;color:#fff;border:none;border-radius:.5rem;transition:background-color .3s}.btn-back{display:flex;align-items:center;padding:.4rem .6rem;font-size:.8rem;font-weight:600;white-space:nowrap;cursor:pointer;background-color:#fff;color:#000;border:1px solid #777;border-radius:.5rem;transition:background-color .3s}.backSvg{margin-right:5px;cursor:pointer}.backButton{border:none;background-color:transparent;font-size:15px;cursor:pointer;margin-bottom:5px}.btn-close{display:flex;align-items:center;padding:.7rem;font-size:.8rem;font-weight:600;white-space:nowrap;cursor:pointer;background-color:#e60e0e;color:#fff;border:none;border-radius:.5rem;transition:background-color .3s}.user-menu{position:relative;display:flex;align-items:center;width:10rem}.dropdown-menu{position:absolute;top:40px;right:0;background-color:#fff;border:1px solid #ccc;display:none}.user-arrow{position:absolute;left:11rem}.user-info{display:flex;align-items:center;justify-content:start;width:10rem}.user-avatar{background-color:#d60ad6;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-left:3px;color:#fff}.user-details{margin-left:8px;letter-spacing:.5px;display:flex;flex-direction:column;gap:5px}.user-signin{font-size:.7rem;margin-top:.2rem;letter-spacing:.5px}.user-button{position:absolute;border:1px solid rgb(206,198,198);padding:3px;background-color:#fff}.userMenu{margin-right:10px}.user-name{display:flex}.user-email{font-size:10px}.return-part{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;justify-content:center;align-items:start;padding-top:3rem;z-index:99999}.modal-parta{background-color:#fff;border-radius:.2rem;width:27rem;box-shadow:0 2px 10px #0000001a}.other-part-modal{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem}.modal-head{font-size:1.2rem;font-weight:600}.line-click{border:none;border-top:1px solid #e5e7eb}.handle-part{padding:16px}.handlesubn{display:block;font-size:1.1rem;font-weight:500;margin-bottom:.5rem;letter-spacing:.5px}.new-input{width:100%;padding:.8rem;border:1px solid #d1d5db;border-radius:.375rem;outline:none;transition:box-shadow .2s}.lineee{border:none;border-top:1px solid #e5e7eb}.design-divone{display:flex;justify-content:flex-end;gap:1.2rem;padding:.5rem 1rem}.divonebutton{display:flex;align-items:center;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;cursor:pointer;transition:background-color .2s;background-color:transparent;border:.5px solid gray}.cancel-button{display:flex;align-items:center;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;cursor:pointer;transition:background-color .2s;background-color:#000;border:.5px solid black;color:#fff}.return-party{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;justify-content:center;align-items:start;padding-top:3rem;z-index:9999}.redirect-shopify{background-color:#fff;border-radius:.2rem;width:29rem;box-shadow:0 2px 10px #0000001a}.header-part-save{display:flex;justify-content:space-between;align-items:center;padding:5px 15px}.header-part-heading{font-size:1.8rem;font-weight:600}.header-button{cursor:pointer;background:none;border:none;color:#6b7280}.linesaveadd{border:none;border-top:1px solid #e5e7eb;margin:0 0 9px}.design-name{display:block;font-size:1.1rem;font-weight:500;margin-bottom:.5rem}.design-inputs{width:100%;padding:.8rem;border:1px solid #d1d5db;border-radius:.375rem;outline:none;transition:box-shadow .2s}.icons-text,.text-div{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.resolution-save{display:flex;align-items:center;gap:.75rem;margin-bottom:2px}.issue-div{display:flex;align-items:center;gap:.5rem}.handlediv{display:flex;justify-content:center;align-items:center}.handle-button{padding:.5rem 1rem;border-radius:.375rem;background-color:#000;color:#fff;border:none;cursor:pointer;font-size:.875rem;margin-bottom:20px;margin-top:10px;width:90%}.desigbn-input{padding:"1rem"}.closepopup{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;justify-content:center;align-items:start;padding-top:3rem;z-index:99999}.designName-popup{background-color:#fff;border-radius:.2rem;width:35rem;box-shadow:0 2px 10px #0000001a;padding:15px 10px}.label-close{display:block;font-size:1.1rem;font-weight:500;margin-bottom:.5rem;letter-spacing:.5px}.designName-popup{background-color:#fff;border-radius:.2rem;width:90%;max-width:35rem;box-shadow:0 2px 10px #0000001a;padding:15px 10px;transition:opacity .3s ease}.close-input{width:100%;padding:.8rem;border:1px solid #d1d5db;border-radius:.375rem;outline:none;transition:box-shadow .2s}.line-close{border:none;border-top:1px solid #e5e7eb;margin:1rem 0}.closepop{display:flex;justify-content:flex-end;gap:1.2rem;padding:.5rem 1rem}.closepop-line{display:flex;align-items:center;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;cursor:pointer;transition:.2s;background-color:#fff;border:.5px solid gray}.handle-partss,.handle-parts{display:flex;align-items:center;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;cursor:pointer;transition:background-color .2s;background-color:#000;border:.5px solid black;color:#fff}.close-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;box-shadow:0 4px 10px #0003;border-radius:8px;z-index:1000}.popup-container{text-align:center}.popup-message{font-size:18px;margin-bottom:15px}.popup-input-container{padding:20px 1px}.popup-label{display:block;margin-bottom:5px;font-weight:700}.popup-input{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}.popup-divider{margin:15px 0;border:none;border-top:1px solid #ccc}.popup-actions{display:flex;justify-content:space-around;padding-top:10px}.popup-button{padding:10px 20px;border:none;cursor:pointer;font-size:16px;transition:all .3s ease-in-out;border-radius:4px}.cancel-button{background:#fff;color:#000;border:1px solid #ccc}.save-button,.no-thanks-button{background:#000;color:#fff}.save-button:hover,.no-thanks-button:hover{background:#fff;color:#000;border:1px solid black}.multiple-designs-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:99999}.multiple-designs-popup{background-color:#fff;border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 20px #00000026;animation:popupFadeIn .3s ease-out}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.popup-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937}.close-button{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;line-height:1;transition:color .2s}.close-button:hover{color:#1f2937}.popup-content{padding:20px}.popup-content p{margin:0 0 20px;color:#4b5563;font-size:1rem;line-height:1.5}.popup-buttons{display:flex;justify-content:flex-end;gap:12px}.cancel-button,.save-button{padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.cancel-button{background-color:#fff;border:1px solid #d1d5db;color:#4b5563}.cancel-button:hover{background-color:#f3f4f6;border-color:#9ca3af}.save-button{background-color:#000;border:1px solid black;color:#fff}.save-button:hover{background-color:#1f2937;border-color:#1f2937}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.design-image-container{padding:18px 50px;background-color:#d3d3d3;height:50vh}.design-image{width:100%;height:100%;object-fit:contain}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffe6;display:flex;justify-content:center;align-items:center;z-index:1000}.loader-container{background:#fff;padding:30px;border-radius:20px;box-shadow:0 8px 32px #0000001a;text-align:center;max-width:300px;width:100%}.loader-spinner{width:60px;height:60px;border:4px solid #e0e0e0;border-top:4px solid #3498db;border-radius:50%;animation:spin 1.5s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-text{font-size:18px;font-weight:500;color:#333;margin-bottom:20px}.loader-progress{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;position:relative}.loader-progress:after{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(90deg,#3498db,#6dd5fa);animation:progress 2s ease-in-out infinite}@keyframes progress{0%{width:0}50%{width:100%}to{width:0}}.custom-checkboxx{width:1.3rem;height:1.3rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:2px solid black;border-radius:4px;cursor:pointer}.custom-checkboxx:checked{background-color:#000;color:#fff}.custom-checkboxx:checked:before{content:"✔";color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:center}.tool-container{display:flex;border:.1rem solid rgb(206,198,198);border-left:transparent;border-right:transparent;padding:4px 3px;position:relative}.tool-column{padding:4px 5px}#dimension-dropdown{padding:1px;background-color:#f1f1f1;border:1px solid rgb(206,198,198);border-radius:6px;color:#000;cursor:pointer;font-size:1rem}.vertical-line{border:1px solid rgb(206,198,198)}.tool-controls{display:flex;margin:auto;gap:10px}.control-button,.tool-button{display:flex;margin:auto;background-color:#fff;border:1px solid rgb(206,198,198);cursor:pointer;font-size:10px;padding:.2rem .1rem;border-radius:.2rem;transition:background-color .3s ease,color .3s ease}.tool-button:hover{background-color:#000}.tool-button-svg:hover{fill:#fff}.control-button:hover{background-color:#4d98df}.control-button svg path{fill:#000;transition:fill .3s ease}.delete-tab svg path{fill:red;transition:fill .3s ease}.delete-tab:hover{background-color:red}.delete-tab:hover svg path{fill:#fff}.control-button:hover svg path{fill:#fff}.tab-no-border{border:none}.margin-setting{display:flex;align-items:center;gap:10px}.ImageBoxContainer{width:24rem;background-color:#fff;border-radius:.2rem;padding:.5rem;margin-bottom:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;border:1px solid black;letter-spacing:1px}.imageDetailContainer{display:flex;flex-direction:row;gap:.5rem;width:100%}.imageContainer{width:9rem;height:9rem;border:1px solid #E5E7EB;border-radius:.2rem;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#999}.imageStyle{max-width:100%;max-height:100%;object-fit:contain}.detailsContainer{display:flex;flex-direction:column;gap:.5rem}.widthLabel,.heightLabel{display:flex;align-items:center}.widthSpan,.heightSpan{margin-right:2.7rem;font-size:15px}.heightSpan{margin-right:2.4rem}.widthInputDiv,.heightInputDiv{display:flex;align-items:center;border:1px solid #D1D5DB;border-radius:6px;padding:4px 8px;width:7.2rem;justify-content:space-between}.widthInput,.heightInput{width:100%;height:1.8rem;border:none;outline:none;font-size:1rem;font-weight:700}.widthText,.heightText{font-size:14px;color:#374151}.lockAspectLabel{display:flex;align-items:center;gap:1rem}.lockAspectInput{width:16px;height:16px;border:2px solid #000;border-radius:2px;cursor:pointer}.lockAspectText{font-size:12px;font-weight:700}.lockAspectCheckBox{position:absolute;transform:translate(3.5px)}.resolutionContainer{display:flex;align-items:center;gap:1rem}.resolutionText{font-size:11px;margin-right:auto;font-weight:700}.resolutionDpi{font-size:10px;min-width:40px}.bottomContainer{width:100%;border-top:1px solid #E5E7EB;padding-top:.2rem;display:flex;justify-content:space-between;align-items:center}.countDiv{display:flex;align-items:center;background-color:#0f172a;border-radius:8px;padding:1px}.decButton{background-color:transparent;border:none;padding:3px 6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.countInput{width:2.5rem;text-align:center;height:1.8rem;background-color:#fff;font-size:1rem;font-weight:700;border:none}.incButton{background-color:transparent;border:none;padding:3px 6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.duplicateImageBoxButton,.imageBoxRemoveButton{padding:.3rem .8rem;background-color:#000;color:#fff;border-radius:.5rem;border:none;cursor:pointer;display:flex;align-items:center;transition:background-color .3s,color .3s,border .3s}.duplicateImageBoxButton:hover{background-color:#fff;color:#000;border:1px solid black}.imageBoxRemoveButton{background-color:#e60e0e}.imageBoxRemoveButton:hover{background-color:#a80c0c}.custom-checkbox{display:inline-block;position:relative;padding-left:24px;cursor:pointer;-webkit-user-select:none;user-select:none}.custom-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:16px;width:16px;background-color:#000;border-radius:3px}.custom-checkbox input:checked~.checkmark:after{content:"";position:absolute;left:4px;top:0;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.lockAspectLabel{display:flex;align-items:center;cursor:pointer}.lockAspectInput{display:none}.customCheckbox{width:16px;height:16px;background-color:#000;border-radius:3px;display:inline-block;position:relative;margin-right:8px}.lockAspectInput:checked+.customCheckbox:after{content:"";position:absolute;left:4px;top:0;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.container{border:1px solid #e0e0e0;height:100vh;display:flex;flex-direction:column;position:relative,}.headerPadding{padding:24px}.header{margin:0 0 16px}.headerContainer{display:flex;gap:32px}.artBoardMarginContainer,.imageMarginContainer{display:flex;align-items:center;gap:8px}.artBoardMarginLabel,.imageMarginLabel{display:flex;align-items:center;gap:8px;cursor:pointer}.artBoardMarginCheckBox,.imageMarginCheckBox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:2px solid #000;border-radius:4px;cursor:pointer}.artBoardMarginSVG,.imageMarginSvg{position:absolute}.artBoardMarginInput,.imageMarginInput{width:60px;padding:6px;border:1px solid #e0e0e0;border-radius:4px;margin-left:8px}.lowerContainer{flex:1;overflow:auto;padding-bottom:80px}.lowerContainerImageBox{margin-bottom:10px;display:flex;gap:1rem 4rem;flex-wrap:wrap;justify-content:flex-start;margin-left:3rem;margin-top:2rem}.applyButtonPosition{margin-left:50%}.applyButton{padding:.6rem 1.5rem;background-color:#000;color:#fff;border-radius:.5rem;border:none;cursor:pointer;display:flex;align-items:center;transition:background-color .3s,color .3s,border .3s}.applyButton:hover{background-color:#fff;color:#000;border:1px solid black}.noImageBoxContainer{display:flex;flex-direction:column;justify-content:start;align-items:center;color:#666;height:100vh}.noImageBoxText{margin-bottom:14px;margin-top:100px}.noImageBoxButtonContainer{display:flex;gap:16px}.uploadImageButton,.fromMyImagesButton,.fromGalleryButton{padding:10px 20px;background-color:#000;color:#fff;border:none;border-radius:6px;cursor:pointer}.uploadImageButton:hover,.fromMyImagesButton:hover,.fromGalleryButton:hover{background-color:#fff;color:#000;border:1px solid black}@media only screen and (max-width: 1024px){.detail-reso{position:absolute;top:144px;left:40px;background-color:#fff;color:#000;padding:5px;border-radius:5px;border:.1rem solid #555;font-size:14px;z-index:13;display:flex;flex-direction:column;width:190px}.zoomWrapperStyle{position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:100%!important;height:auto;cursor:default;left:0!important;top:0;pointer-events:auto}button.handle-partss{margin-inline:15px}input.artBoardMarginCheckBox,input.imageMarginCheckBox{padding:0 5px}.full-partzoom{position:relative;top:0;left:0!important;width:100%}canvas#fabricCanvas,canvas.upper-canvas{width:100%!important;max-width:500px}.canvas-container{left:0;width:100%;margin:0 auto}.toaster.overlap{background-color:#ffa72680;top:13.5%}.toaster{width:90%;max-width:300px;padding:4px;display:flex;position:fixed;left:5%;border-radius:4px;align-items:center;z-index:12}.right-col-1-item1{display:none}button.handle-buutton{padding:4px 9px;margin-bottom:14px}input.artBoardMarginCheckBox{padding:0 6px}input.imageMarginCheckBox{padding:0 5px}.full-partzoom{position:absolute;top:0;left:-200px!important}canvas#fabricCanvas{width:394px!important}canvas.upper-canvas{width:394px!important;display:block}.canvas-container{left:42px}.toaster{width:24%;padding:4px;display:flex;position:fixed;left:52%;border-radius:4px;align-items:center;z-index:12}.tool-container{display:flex;border:.1rem solid rgb(206,198,198);border-left:transparent;border-right:transparent;padding:4px 5px;position:relative}.tool-controls{display:block;margin:auto;gap:10px}.right-col-1-item1{display:flex;gap:5px;align-items:center;font-size:.8rem;font-weight:600;display:none}button.tool-button{margin-bottom:3px}.toaster.boundary{background-color:#ffa72680;top:15.5%}}@media (min-width: 768px) and (max-width: 834px){.detail-reso{position:absolute;top:28px;left:40px;background-color:#fff;color:#000;padding:5px;border-radius:5px;border:.1rem solid #555;font-size:8px;z-index:13;display:flex;flex-direction:column;width:82px}.full-partzoom{position:absolute;top:-54px;left:-199px!important}.design-name{font-size:1.1rem;padding:0 10px}.modal-container{width:95%;padding:15px}.sidepannel,.detail-reso{position:relative;top:0;left:0;max-width:100%;margin:10px 0}.toaster.overlap{top:5%;left:5%;position:fixed}.zoom-controls{position:relative;top:0;right:0;margin:10px 0}.ImageBoxContainer{width:100%;max-width:300px}.tool-controls{display:flex;flex-wrap:wrap}label.margin-img{font-size:14px!important}.fabric-canvas-container{overflow-y:scroll!important;height:81vh!important}.design-name{display:block;font-size:1.1rem;font-weight:500;margin-bottom:.5rem;padding:0 12px}.modal-container{background-color:#fff;padding:20px;max-width:800px;width:92%;border-radius:8px;box-shadow:0 4px 10px #0000001a;border:2px solid #555}.zoomWrapperStyle{position:absolute;touch-action:none;-webkit-user-select:none;user-select:none;width:58%!important;height:151px;cursor:default;left:-201px!important;top:74px;pointer-events:auto}.badge{position:absolute;bottom:0;left:52px;background-color:#000;color:#fff;font-size:10px;padding:3px 4px;border-radius:2px 2px 0/2px 2px 0px}canvas.upper-canvas{width:245px!important;display:block;margin-top:54px}canvas#fabricCanvas{width:244px!important;margin-top:0}canvas#fabricCanvas{background:url(../assets/images/artboardBackground.jpg);background-size:inherit}.modal-full{display:flex}.margin-setting{align-items:center;gap:6px}.checkbox-lebel{display:flex;align-items:center;margin-bottom:4px}.resol-span{width:1rem;height:1rem;border:1px solid #f0f0f0;background-color:orange;margin-right:-5px}.detail-reso{position:absolute;top:24px;left:37px;background-color:#fff;color:#000;padding:2px 4px;border-radius:5px;border:.1rem solid #555;font-size:10px;z-index:13;display:flex;flex-direction:column;width:90px}.toaster.overlap{background-color:#ffa72680;top:21.5%;left:58.3%;position:fixed;width:201px}.toaster{width:45%;padding:4px;display:flex;position:fixed;left:51%;border-radius:4px;align-items:center;z-index:12}div#root{border:1px solid #000;overflow:scroll;width:100%;height:100%}.zoom-controls{position:absolute;top:36px;right:3px;z-index:10;display:flex;gap:5px;background:#fffefe;padding:8px}.tool-column{display:grid}.ImageBoxContainer{width:22rem;background-color:#fff;border-radius:.2rem;padding:.5rem;margin-bottom:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;border:1px solid black;letter-spacing:1px}.tool-controls{display:contents}.margin-setting{display:block}label.margin-img{font-size:17px!important}style attribute{left:243px;top:70px;pointer-events:auto;transform:scaleX(1.52182);transform-origin:left center}.userMenu{margin-right:27px}.scale-container{width:100%;overflow-x:auto;display:flex;justify-content:center}.scale{max-width:100%;width:auto;display:block}.ruler-container{display:flex;justify-content:flex-start;align-items:center;width:100%;min-width:320px;overflow:hidden}.gallery-modal-content{background-color:#fff;padding:20px;border-radius:8px;width:731px;max-height:80vh;overflow-y:auto;position:relative}.toaster.boundary{background-color:#ffa72680;top:24.8%;width:202px;left:27.4rem}button.tool-button{margin-bottom:3px}.toaster{width:90%;left:5%}.fabric-canvas-container{min-height:200px}button.handle-buutton{padding:4px 9px;margin-bottom:14px}button.handle-partss{margin-inline:15px}input.artBoardMarginCheckBox{padding:0 6px}input.imageMarginCheckBox{padding:0 5px}canvas#fabricCanvas{margin-top:54px}.toaster{width:24%;padding:4px;display:flex;position:fixed;left:53%;border-radius:4px;align-items:center;z-index:12}style attribute{left:288px!important;top:70px;pointer-events:auto;transform:scaleX(1.52182);transform-origin:left center}.right-col-1-item1{display:flex;gap:5px;align-items:center;font-size:.8rem;font-weight:600;display:none}.tool-controls{display:block;margin:auto;gap:10px}.custom-checkboxx{display:inline-block;position:relative;padding-left:3px;cursor:pointer;-webkit-user-select:none;user-select:none}.artBoardMarginCheckBox,.imageMarginCheckBox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:2px solid #000;border-radius:4px;cursor:pointer;position:relative;left:-2px}}@media (max-width: 767px){.zoom-controls{position:absolute;top:40px;right:-1px;z-index:10;display:flex;gap:1px;background:#fffefe;padding:3px}canvas#fabricCanvas{width:207px!important;margin-top:0}canvas.upper-canvas{width:204px!important;display:block;margin-top:54px}.colorPickerContainer{margin-bottom:1.5rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:9px;box-shadow:0 1px 3px #0000001a;margin-left:57px}.colorSpectrum{width:20vw;height:120px;border:1px solid #ccc;border-radius:4px;overflow:hidden;position:relative;cursor:crosshair;left:12px}.backgroundWarningImageContainer{overflow:hidden;height:8rem;width:100%;margin:10px 15px}.backgroundWarningBottomButton{display:flex;gap:4px}.backgroundWarningBottomButtonCancel,.backgroundWarningBottomButtonContinue,.backgroundWarningBottomButtonRemove{padding:5px 6px;font-size:.8rem;font-weight:600;cursor:pointer;border:1px solid #ccc;background-color:transparent;border-radius:.5rem;transition:background-color .3s}.artBoardMarginCheckBox,.imageMarginCheckBox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:2px solid #000;border-radius:4px;cursor:pointer;position:relative;left:-2px}.backgroundWarningContainer{background-color:#fff;border-radius:8px;max-width:341px;height:58%;position:relative;top:100px;margin-left:-15px;margin-right:-14px}.backgroundWarningBottomButtonRemove{background-color:#000!important;color:#fff}.canvas-container{left:1px}.modal-full{display:flex;flex-wrap:wrap-reverse;justify-content:space-around}.full-partzoom{position:absolute;top:1px;left:-154px!important}.canva-pe{background-color:#fff;border-radius:8px;padding:20px;width:100%;max-width:800px;max-height:80%;overflow:auto;box-shadow:0 4px 6px #0000001a}.canvas-modd{width:46%;display:flex;flex-direction:column;gap:13px;align-items:center;justify-content:center}.handle-remove{background-color:#f44336;color:#fff;border:none;padding:10px 9px;border-radius:4px;cursor:pointer;font-size:10px;transition:background-color .3s ease;width:100%;margin-bottom:10px}.full-div{width:100%;padding-right:5px}.colorPickerContainer{margin-bottom:1.5rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:8px;box-shadow:0 1px 3px #0000001a;margin-left:52px}.toggle-button{position:absolute;top:-38.38rem;transform:translateY(-50%);background-color:#fff;color:#000;border:1px solid #E5E7EB;padding:.5rem;border-right-color:transparent;cursor:pointer;z-index:15}.user-button{position:absolute;border:1px solid rgb(206,198,198);padding:5px 4px;background-color:#fff;right:41px;width:109px}.lowerContainerImageBox{margin-bottom:10px;display:flex;gap:1rem 4rem;flex-wrap:wrap;justify-content:flex-start;margin-left:2rem;margin-top:2rem}.detail-reso{position:absolute;top:36px;left:38px;background-color:#fff;color:#000;padding:1px;border-radius:5px;border:.1rem solid #555;font-size:9px;z-index:13;display:flex;flex-direction:column;width:82px}.toaster.boundary{background-color:#ffa72680;top:3px;left:7.7rem;position:relative;width:154px}.user-menu{position:relative;display:flex;align-items:center;width:8rem}.gallery-modal-content{background-color:#fff;padding:20px;border-radius:8px;width:731px;max-height:80vh;overflow-y:auto;position:relative}button.tool-button{margin-bottom:3px}.main-content{display:block!important;width:100%;height:auto!important;overflow:visible!important}.handle-remove{padding:8px 10px;font-size:12px}canvas#fabricCanvas,canvas.upper-canvas{width:100%!important;max-width:300px}.noImageBoxText{margin:20px 0;padding:0 10px}.user-info{width:auto}.grid-container-gallery-view{grid-template-columns:repeat(2,1fr);width:100%}.modal-container{width:95%;padding:10px}.toaster.overlap{top:1px;padding:1px 4px;left:34%;position:relative;width:155px}.upload-section{padding:10px}.side-panel{position:relative;top:0;width:100%;height:auto}.fabric-canvas-container{min-height:250px}.handle-remove{background-color:#f44336;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-size:10px;transition:background-color .3s ease;width:100%}.handle-remove div#root{overflow:hidden}.modal-heading{font-size:20px;font-weight:600;margin-bottom:16px;color:#333}.headerContainer{display:flex;gap:14px;flex-direction:column}.btn-save-add-cart{display:flex;align-items:center;padding:7px 10px;font-size:.8rem;font-weight:600;white-space:nowrap;cursor:pointer;background-color:#000;color:#fff;border:none;border-radius:.5rem;transition:background-color .3s}.headerPadding h3{font-size:19px;text-align:center}.input-builder{display:flex;align-items:center;border-radius:.275rem;border:1px solid rgb(206,198,198);padding:.25rem;color:#111827;box-shadow:0 1px 2px #0000000d;width:23px;height:27px;outline:none;transition:box-shadow .2s}.upper-content-left{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:4px;z-index:0}.upload-section{border:1px dashed rgb(206,198,198);padding:7px;text-align:center;background-color:#f9f9f9;margin-bottom:3px;display:flex;justify-content:center;align-items:center;position:relative;transition:all .3s ease}.uploadda{padding:6px;background-color:#f5f5f5;border-radius:8px;margin-top:9px}.tool-column{padding:0}canvas#fabricCanvas{background:url(../assets/images/artboardBackground.jpg);background-size:inherit}canvas.upper-canvas{border:1px dashed #555!important;width:"50%"}.main-content{display:block!important;width:100vw;height:94vh;overflow:hidden}.main-contents{display:block!important}.right-column{display:flex;justify-content:space-between;align-items:center;gap:4px}.btn-close{display:flex;align-items:center;padding:8px 4px;font-size:.8rem;font-weight:600;white-space:nowrap;cursor:pointer;background-color:#e60e0e;color:#fff;border:none;border-radius:.5rem;transition:background-color .3s}.tool-container{display:flex;border:.1rem solid rgb(206,198,198);border-left:transparent;border-right:transparent;padding:0 9px;position:relative}.side-panel{position:ABSOLUTE;top:-39.5rem;width:20rem;height:78%;background-color:#fff;padding:1rem;overflow-y:auto;transition:right .3s ease-in-out;border:1px solid #E5E7EB;z-index:999999;height:45vh}.button-group-gallery{display:flex;justify-content:space-around;margin-bottom:20px;gap:1.3rem;z-index:0!important}canvas#fabricCanvas{width:197px!important;margin-top:0}canvas.upper-canvas{width:198px!important;display:block;margin-top:0}.noImageBoxText{margin-bottom:14px;margin-top:100px;padding:0 10px}.noImageBoxButtonContainer{display:flex;gap:10px}.logo-img{width:37px;height:35px}.user-info{display:flex;align-items:center;justify-content:start;width:5rem}.user-avatar{background-color:#d60ad6;width:27px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-left:3px;color:#fff}.user-name{font-size:9px}.left-column{display:flex;align-items:center;margin-right:0!important}.badge{position:absolute;bottom:0;left:33px;background-color:#000;color:#fff;font-size:7px;padding:3px 4px;border-radius:2px 2px 0/2px 2px 0px}.modal-container{background-color:#fff;padding:20px;max-width:706px;width:87%;border-radius:8px;box-shadow:0 4px 10px #0000001a;border:2px solid #555;height:auto;position:relative;top:57px}.design-name{display:block;font-size:1.1rem;font-weight:500;margin-bottom:.5rem;padding:0 9px}h2.welcome-head{font-size:22px!important}.grid-container-gallery-view{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:.5rem;gap:.5rem;max-height:150px;overflow-y:auto;z-index:-1;width:66%}.tool-controls{display:block;margin:auto;gap:7px!important}.margin-setting{align-items:center;gap:6px}.ImageBoxContainer{width:20em;background-color:#fff;border-radius:.2rem;padding:.5rem;margin-bottom:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;border:1px solid black;letter-spacing:1px}.modal-full{display:flex}.popup-button{padding:0 24px;border:none;cursor:pointer;font-size:16px;transition:all .3s ease-in-out;border-radius:4px;margin-inline:4px}.toaster{width:56%;padding:4px;display:flex;position:fixed;left:32%;border-radius:4px;align-items:center;z-index:12}div#root{border:1px solid #000;overflow:scroll;width:100%;height:100%}style attribute{position:relative;-webkit-user-select:none;user-select:none;width:580px}.right-col-1-item1,button.btn-close{display:none}.marginn-header{margin:0 0 8px;color:#333;text-align:center;font-size:14px}.inputone{display:flex}label.margin-img{font-size:14px!important}.fabric-canvas-container{position:relative;height:100vh!important;width:"100vw";position:"relative";overflow:"hidden"}body div[style="height: 100vh; width: 100vw; overflow: hidden;"],body div[style="height: 100vh;width: 100vw;overflow: hidden;"]{height:100%!important;min-height:100%;width:100%}body .main-contents{height:100%!important;min-height:100%;max-height:100%}.left-content{flex:0 0 15%;background-color:#fff;padding:23px;border:1px solid rgb(206,198,198);display:flex;justify-content:space-between;flex-direction:column;z-index:20;position:relative}.redirect-shopify{background-color:#fff;border-radius:.2rem;width:24rem!important;box-shadow:0 2px 10px #0000001a;padding:15px 8px}.modal-parta{background-color:#fff;border-radius:.2rem;width:23rem;box-shadow:0 2px 10px #0000001a}.toast-message{display:flex;align-items:center;width:80vw;text-align:center;justify-content:center;max-width:800px;padding:8px;margin-bottom:16px;background-color:#000;color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;font-size:16px;font-weight:400}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:4px 5px;background-color:#fff;gap:23px}.user-arrow{position:absolute;left:81px;bottom:6px;font-size:10px}.close-button{position:absolute;right:5px;top:16px;background:none;border:none;cursor:pointer;color:#666;padding:4px}small{font-size:9px}.user-email{width:100%;word-break:break-word;overflow-wrap:break-word;white-space:normal}.custom-checkboxx{display:inline-block;position:relative;padding-left:2px;cursor:pointer;-webkit-user-select:none;user-select:none}}@media (width: 320px){.user-info{display:flex;align-items:center;justify-content:start;width:5rem}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:4px 5px;background-color:#fff;gap:8px}.user-button{position:absolute;border:1px solid rgb(206,198,198);padding:5px 4px;background-color:#fff;right:28px;width:109px}.btn-save-add-cart{display:flex;align-items:center;padding:7px 10px;font-size:10px;font-weight:600;white-space:nowrap;cursor:pointer;background-color:#000;color:#fff;border:none;border-radius:.5rem;transition:background-color .3s}canvas#fabricCanvas{width:172px!important;margin-top:0}canvas.upper-canvas{width:173px!important;display:block;margin-top:0}.side-panel{position:ABSOLUTE;top:-39.5rem;width:17rem;height:78%;background-color:#fff;padding:1rem;overflow-y:auto;transition:right .3s ease-in-out;border:1px solid #E5E7EB;z-index:999999;height:45vh}.toggle-button{right:270px;position:absolute;top:-38.4rem;transform:translateY(-50%);background-color:#fff;color:#000;border:1px solid #E5E7EB;padding:.5rem;border-right-color:transparent;cursor:pointer;z-index:15}.badge{position:absolute;bottom:0;left:27px;background-color:#000;color:#fff;font-size:9px;padding:2px;border-radius:2px 2px 0/2px 2px 0px}.delete-icon{position:absolute;top:2px;right:1px;background-color:#ef4444;width:10px;height:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.ImageBoxContainer{width:17em;background-color:#fff;border-radius:.2rem;padding:.5rem;margin-bottom:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;border:1px solid black;letter-spacing:1px}.duplicateImageBoxButton,.imageBoxRemoveButton{padding:7px 5px;background-color:#000;color:#fff;border-radius:.5rem;border:none;cursor:pointer;display:flex;align-items:center;transition:background-color .3s,color .3s,border .3s;font-size:11px}.imageBoxRemoveButton{background-color:#e60e0e}.lowerContainerImageBox{margin-bottom:10px;display:flex;gap:0rem 4rem;flex-wrap:wrap;justify-content:flex-start;margin-left:1.5rem;margin-top:2rem}.applyButtonPosition{margin-left:37%}}.closepop-line{display:flex;align-items:center;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;cursor:pointer;transition:.2s;background-color:#fff;border:.5px solid gray;gap:10px}.design-name{display:block;font-size:1.1rem;font-weight:500;margin-bottom:.5rem;padding:0 9px}.handlediv{display:flex;justify-content:center;align-items:center;padding:5px}.modal-full{display:flex}div#root{overflow:hidden}button.handle-buutton{width:100%;background:#000;color:#fff;font-size:17px;border-radius:10px;padding:10px 0}.redirect-shopify{background-color:#fff;border-radius:.2rem;width:29rem;box-shadow:0 2px 10px #0000001a;padding:15px 8px}.divonebutton{display:flex;align-items:center;border-radius:.5rem;padding:.5rem 1rem;font-size:17px;line-height:1.25rem;cursor:pointer;transition:background-color .2s;background-color:#000;border:.5px solid gray;color:#fff}.cancel-button{background:#000;color:#fff;border:1px solid #ccc;font-size:18px}.divonebutton{display:flex;align-items:center;border-radius:.5rem;padding:.5rem 1rem;font-size:17px;line-height:1.25rem;cursor:pointer;transition:background-color .2s;background-color:#fff!important;border:.5px solid gray;color:#000}button.divonebutton:hover{background-color:#e5e7eb!important}.artBoardMarginCheckBox,.imageMarginCheckBox{position:relative;left:-2px}.app-container{height:100vh;width:100vw;overflow:hidden}.main-content{display:flex;width:100vw;height:94vh;overflow:hidden}.canvas-container{align-items:center;justify-content:center;background-color:#fff;flex-direction:column;width:100%;height:100vh}.allContainer{padding:24px;height:100vh;width:100%;font-family:Inter,sans-serif;overflow-y:scroll}.designs-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:24px;justify-content:flex-start;max-width:100%;margin-bottom:150px}.header-part{text-align:left;margin-bottom:24px;width:100%}.header-part h2{font-size:2rem;font-weight:700;color:#1a202c;margin:0}.design-card{display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;width:380px;height:50%}.design-card:hover{transform:translateY(-4px);box-shadow:0 7px 14px #0000001a,0 3px 6px #00000014}.canvas-preview{height:60%;display:flex;justify-content:flex-start;align-items:center;background-color:#e2e8f0;padding:16px}.canvas-preview img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.canvas-preview div{color:#718096;font-size:1rem}.canvas-placeholder{width:100%;height:330px;background:#fff;display:flex;align-items:center;justify-content:center}.canvas-placeholder span{color:#666;font-size:14px}.design-divider{border:none;border-top:1px solid #e2e8f0;margin:0}.status-section{padding:16px;display:flex;flex-direction:column;gap:8px}.status-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#4a5568}.status-item svg{width:20px;height:20px}.status-item svg.is-valid{color:#48bb78}.status-item svg:not(.is-valid){color:#f56565}.design-name-section{padding:16px}.design-name-input{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;color:#2d3748;transition:border-color .3s ease}.design-name-input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.design-name-input::placeholder{color:#a0aec0}.action-buttons{padding:16px;display:flex;gap:12px;justify-content:flex-start}.edit-button,.remove-button{padding:8px 16px;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.edit-button{background-color:#4299e1;color:#fff}.edit-button:hover{background-color:#3182ce;transform:translateY(-1px)}.remove-button{background-color:#f56565;color:#fff}.remove-button:hover{background-color:#e53e3e;transform:translateY(-1px)}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;font-family:Inter,sans-serif}.confirmation-popup{background:#fff;padding:24px;border-radius:10px;max-width:600px;width:100%;box-shadow:0 2px 15px #0003}.confirmation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.confirmation-header h3{margin:0;font-size:1.5rem;color:#2d2d2d}.close-button{background:transparent;border:none;font-size:1.5rem;color:#888;cursor:pointer}.confirmation-body{display:flex;flex-direction:column;gap:24px}.confirmation-checkbox{display:flex;align-items:flex-start;gap:10px;font-size:.95rem;color:#2d2d2d;line-height:1.5}.confirmation-checkbox input{margin-top:5px;transform:scale(1.2)}.popup-buttons{display:flex;justify-content:flex-end;gap:1rem}.cancel-button,.add-to-cart-button{padding:10px 20px;border:none;border-radius:6px;font-weight:600;font-size:.95rem;cursor:pointer;transition:background-color .3s}.cancel-button{background-color:#6c757d;color:#fff}.cancel-button:hover{background-color:#5a6268}.add-to-cart-button{background-color:#0f111c;color:#fff}.add-to-cart-button:hover:not(:disabled){background-color:#1c1e2d}.add-to-cart-button:disabled{background-color:#ccc;cursor:not-allowed}@tailwind base;@tailwind components;@tailwind utilities;*{box-sizing:border-box;margin:0;padding:0}