body,html{margin:0;padding:0;box-sizing:border-box;overflow:hidden}.container{font-family:Montserrat,serif;width:100vw;height:100vh;position:relative}.canvas-container{width:100vw;height:100vh;overflow:hidden}.show-image-editor{margin:25px;border-radius:25px}#back-btn{position:absolute;right:2%;top:3%;font-size:35px;border:none;border-radius:50%;padding:8px;cursor:pointer;transition:.3s ease-in-out;z-index:7}#back-btn:hover{background-color:#f0f0f0}.header_section{width:100vw;height:8vh;position:absolute;top:0;background-color:#fff;z-index:5;display:flex;justify-content:space-between;align-items:center}.header_section>img{margin-left:4.5rem}.header-rightItem{display:flex;align-items:center;margin-right:1rem;gap:1.2rem;justify-content:space-around}#design-btn{background-color:#f0f0f0;color:#191919;border:1.5px solid #f0f0f0;border-radius:8px;font-family:Montserrat,serif;font-size:1rem;font-weight:600;padding:12px 18px;cursor:pointer;transition:.3s ease-in-out;display:inline-flex;align-items:center;justify-content:center;gap:.5em;white-space:nowrap}#design-btn:hover{border:1px solid #333;background-color:#fff}#export-btn{background-color:#8f47ff;color:#fff;border:1.5px solid #f0f0f0;border-radius:8px;font-family:Montserrat,serif;font-size:1rem;font-weight:600;padding:12px 18px;cursor:pointer}#export-btn:hover,#design-tool-btn:hover{background-color:#7c44d6}.left_UI{width:470px;height:100vh;position:absolute;bottom:0;z-index:9}.left_icon_section{background-color:#fff;height:auto;display:flex;flex-direction:column;align-items:center;position:absolute;top:10%;left:4%;padding:40px 5px;border-radius:16px;gap:2.7rem}.icon_item{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:#4c4c4c}.icon_item.active{color:#4040f6;transform:scale(1.1)}.icon_item p{margin:0;font-family:Montserrat,serif;font-size:11px;font-weight:600;text-align:center}.model-section,.left_bgcolor_section,.video-section,.design-section,.edit-section{background:#fff;width:335px;height:auto;display:flex;flex-direction:column;position:absolute;top:10%;right:1%;border-radius:16px;align-items:center;padding:10px}.model-section{height:780px;overflow:hidden}.video-section{height:780px;overflow-y:scroll;scrollbar-width:none}.slider-tab-wrap{background-color:#f7f7f7;display:flex;height:46px;width:100%;border-radius:8px;border:1px solid #d1d0d2;align-items:center;margin-top:15px;justify-content:space-evenly}.slider-tab-wrap div{padding:0 20px;width:76px;border-radius:8px;cursor:pointer;height:39px;line-height:40px;text-align:center;font-family:Montserrat,serif;font-size:15px;font-weight:600;color:#191919;transition:background-color .3s,color .3s}.slider-tab-wrap .active-tab{background:#8f47ff;color:#fff}.color-section{width:100%;height:auto;margin-top:20px}.background-option{width:100%;height:450px}.container2{cursor:pointer;width:100%;margin-top:20px}.design-section{text-align:center;height:750px;justify-content:space-around;padding:0 10px}.tip{font-family:Montserrat,serif;font-weight:550;font-size:16px;line-height:19px;color:#191919}.item{height:auto;width:100%;cursor:pointer;border:none}#design-tool-btn{padding:12px 80px;font-family:Montserrat,serif;font-size:17px;font-weight:600;border-radius:20px;border:none;cursor:pointer;background-color:#8f47ff;color:#fff}.edit-section>p{font-family:Montserrat,serif;font-size:17px;font-weight:600;line-height:1.2}#edit-texture-section{align-items:normal}.texture-edit{display:flex;align-items:center;justify-content:center;flex-direction:column;border:1.5px dashed #8f47ff;border-radius:15px;cursor:pointer;width:auto;height:250px;background-color:#731eff0f;gap:.5rem}.texture-edit:hover{background-color:#731eff1a}.fa-images{color:#8f47ff;font-size:30px}.upload-texture-btn{width:120px;height:40px;border-radius:8px;margin-bottom:12px;font-family:Montserrat,serif;font-weight:600;font-size:16px;color:#fff;cursor:pointer;border:none;background-color:#8f47ff}.upload-texture-btn:hover{background-color:#7948c7}.unit-switch{display:flex;align-items:center}.unit-switch h2{color:#191919;font-family:Montserrat,serif;font-size:17px;font-weight:600;text-align:center}.dimension-input{display:flex;align-items:center;justify-content:space-between;margin:15px 0;height:auto}.input-group label{display:flex;font-family:Montserrat,serif;font-size:15px;line-height:1.5;margin-bottom:10px;font-weight:500}.input-group input{width:90px;padding:10px 5px;border:1px solid #ccc;border-radius:6px}.selector-icons-container{background-color:#fff;display:flex;flex-direction:column;position:absolute;top:20%;right:1%;z-index:10;align-items:center;border-radius:12px;padding:10px;box-shadow:2px 2px 5px #0003;width:50px}.tool{width:36px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:8px;margin:5px 0;cursor:pointer}.reset-icon:hover{background-color:#eaeaea}.super-render-container{position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto;background:rgba(229,229,229,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:600}.super-render-wrapper{top:45%;z-index:1000;position:fixed;width:1200px;left:50%;min-width:400px;height:640px;transform:translate(-50%,-50%) scale(1);background-color:#fff;border-radius:24px;overflow:hidden}.slider-tab-wrapper{color:#0e0e0e;width:100%;height:60px;background:#ffffff;border-radius:12px 12px 0 0;box-shadow:0 4px 8px #00000008,0 2px 8px #00000008;display:flex;flex-direction:row;justify-content:space-around;align-items:center;font-family:Montserrat,serif;font-weight:600;font-size:17px}.slider-left-side-item{display:flex;flex-direction:row;justify-content:space-evenly;width:50%}.pac-render{width:100%;height:100%;display:flex}#left-side-canvas{width:calc(100% - 450px)}#canvas-container2{width:100%;height:100%;overflow:hidden}#grayBox{width:100%;height:100%;position:absolute;background:linear-gradient(225deg,#4a7537,#45418b);z-index:101;display:flex;align-items:center;justify-content:center}.loader{border:16px solid #f3f3f3;border-radius:50%;border-top:16px solid blue;border-right:16px solid green;border-bottom:16px solid red;border-left:16px solid pink;width:120px;height:120px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.right-side-tab-content{width:430px;height:90%;position:relative;align-items:center;display:flex;justify-content:center}.mockup-right-content{display:flex;flex-direction:column;width:90%;height:100%;padding-top:18px}.mockup-video-title{color:#000;font-family:Montserrat,serif;font-weight:600;font-size:17px;padding:15px 0}.mockup-example video{width:100%}.mockup-text{color:#4c4c4c;line-height:1.6;word-spacing:2.3px}.mockup-format-text{color:#000;font-size:17px;font-weight:600;margin:17px 0}.export-mockup-format{display:flex;justify-content:space-around}.export-mockup-format .selected{background-color:#8f47ff}#jpg-format,#png-format{border:2px solid rgb(209,208,210);border-radius:8px;padding:8px 70px;cursor:pointer;color:#191919}.image-export-btn{height:40px;border-radius:24px;width:95%;background-color:#8f47ff;padding:0 20px;border:none;cursor:pointer;color:#fff;outline:none;font-family:Montserrat,serif;font-weight:600;font-size:15px;margin:auto}.image-export-btn.disabled{background-color:gray;color:#fff;cursor:not-allowed}.right-side-video-container{width:435px;height:88%;position:relative;align-items:center;display:flex;flex-direction:column}#mockup-video-text{color:#000;font-weight:600;font-size:18px;margin-top:5px}.mockup-animations-container{width:90%;height:65%;margin-top:18px;display:grid;grid-gap:8px;grid-template-columns:1fr 1fr 1fr}.animate-video-items{width:130px;height:85px;padding:1px;border-radius:10px;cursor:pointer}.animate-video-items>video{border-radius:8px;object-fit:cover;width:100%;height:100%}.image-editor{width:70%;height:100%;position:absolute;right:0;z-index:5;top:0}video{border-radius:15px;width:89%;border:1px solid #D0D0D0}.image-editor iframe{height:100%;width:100%;border:none}@media only screen and (max-width: 1800px){.design-section{overflow-y:scroll}.super-render-wrapper{height:560px;width:1000px}}.main-grid{display:flex;flex-direction:column;justify-content:space-around;height:100%}.gradient-grid-box{display:grid;grid-template-columns:repeat(8,1fr);row-gap:7px;column-gap:7px}.gradient-box{width:24px;height:24px;border-radius:100%;cursor:pointer;position:relative}.container3{color:#191919;font-weight:600;height:auto}.color-picker{gap:3.5rem;display:flex;align-items:center;width:100%;margin:10px 0}.color-picker input[type=color]{width:35px;height:35px;border:none;padding:0;background:none;cursor:pointer}.color-picker input[type=color]::-webkit-color-swatch{border-radius:50%;border:none}.color-picker input[type=text]{width:110px;height:18px;margin-bottom:5px;font-family:Montserrat,serif;font-size:15px;font-weight:500}.gradient-preview{margin-top:20px;height:60px;border-radius:8px;border:1px solid #ccc}.animated-video1{position:relative;border-radius:30px;align-items:center;display:flex;margin:5px;justify-content:center;font-family:Montserrat,serif}.animate-video{width:95%;object-fit:cover;overflow-clip-margin:content-box}.video-text{color:#4c4c4c;font-size:15px;font-weight:600;padding:5px;padding-left:1rem}.preview{position:absolute;color:#fff;font-weight:700;background-color:#0000004d;border-radius:15px;width:95%;height:100%;cursor:pointer;display:flex;align-items:center;display:none;justify-content:center}.animated-video1:hover .preview{display:flex}.color-picker-container{display:flex;flex-direction:column}.color-picker-container label{font-family:Montserrat,serif;font-weight:500;font-size:1rem;margin-bottom:.5rem}.sketch-picker{width:93%!important}.flexbox-fix input{font-size:15px!important}.main-container-image{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.img-area{width:100%;height:280px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;border:1.7px dashed #8f47ff;border-radius:15px;background-color:#731eff0f}.img-area:hover{background-color:#731eff1a}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center}.upload-placeholder p{color:#8f47ff;font-family:Montserrat,serif;font-weight:600;font-size:16px}.preview-container img{width:100%;height:100%;object-position:center;position:absolute;top:0;left:0;z-index:100}#preview-img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;top:0;left:0;z-index:100}.img-area:before{content:attr(data-img);position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);color:#fff;font-weight:500;text-align:center;display:flex;justify-content:center;align-items:center;pointer-events:none;opacity:0;transition:all .3s ease;z-index:200}.img-area.active:hover:before{opacity:1}.apply-image{width:100%;padding:16px 0;border-radius:15px;background-color:green;color:#fff;font-weight:500;font-size:16px;border:none;cursor:pointer;transition:all .3s ease}.categories{display:flex;align-items:center;justify-content:space-between;width:100%;height:auto;margin-bottom:10px}.category-button1,.category-button2,.all-btn{padding:10px 20px;border:none;background:none;color:#191919;cursor:pointer;font-family:Montserrat,serif;font-weight:600;font-size:14px;margin-left:5px}.all-btn{padding:10px 15px}.active-categories{color:#8f47ff;border:1px solid #8f47ff;border-radius:10px;background-color:#630fe917}.model-search-container>div{display:flex;align-items:center}.model-search-container div img{width:20px;height:20px}.model-search-container .model-input{flex:1;margin-left:10px}.box-heading{font-family:Montserrat,serif;font-size:16px;font-weight:550;line-height:1.5;color:#191919;margin-bottom:20px}.models{display:flex;flex-wrap:wrap;justify-content:space-around;overflow:hidden;width:auto;height:700px;overflow-y:auto;scrollbar-width:none}.models>.box-model{width:150px;margin:8px;text-align:center}.models img{width:100%;border-radius:8px;border:1px solid #D0D0D0}.models img:hover{background-color:#80808065}.replace{position:absolute;color:#fff;font-weight:700;background-color:#0000004d;border-radius:5px;height:100%;width:100%;cursor:pointer;display:flex;align-items:center;display:none;justify-content:center;z-index:1;top:0}.down-arrow{cursor:pointer}.category-dropdown{border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:10px;display:flex;flex-direction:column;width:auto;z-index:10;height:100vh}.dropdown-item{color:#000;padding:10px;border:none;border-radius:5px;margin:4px 0;cursor:pointer;text-align:left}.dropdown-item:hover,.dropdown-item.active-categories{background-color:#6455fe;color:#fff}.coming-soon{display:flex;justify-content:center;align-items:center;height:100%;font-size:1.5rem;color:#888;text-align:center}.design-scene-container{width:100%;height:100vh;font-family:Montserrat,serif;font-display:swap}#edit-btn{background-color:#f0f0f0;color:#191919;border:1.5px solid #f0f0f0;border-radius:8px;font-family:Montserrat,serif;font-size:1rem;font-weight:600;padding:12px 20px;cursor:pointer;transition:.3s ease-in-out;display:inline-flex;align-items:center;justify-content:center;gap:.5em}#edit-btn:hover{border:1px solid #333;background-color:#fff}.box-sizing-section{background-color:#fff;padding:10px;width:auto;height:auto;position:absolute;z-index:15;bottom:3%;left:43%;border-radius:15px}.dimensions{gap:1rem}.pac-render-leftSide{width:470px;height:100vh;position:absolute;bottom:0;z-index:9}.menu-card-root,.assets-section,.lighting-section{background:#fff;width:335px;height:auto;display:flex;flex-direction:column;position:absolute;top:10%;right:1%;border-radius:16px;padding:10px;overflow-y:auto;scrollbar-width:none}.assets-section,.lighting-section{height:780px;font-size:13px;font-weight:600}.lighting-item{position:relative;border-radius:30px;align-items:center;margin:5px;display:flex;flex-direction:column}.lighting-picture{border:1px solid #ccc;width:100%;height:auto;object-fit:cover;overflow-clip-margin:content-box;border-radius:15px}.lighting-item:hover .outbox{cursor:pointer;display:flex}.outbox{position:absolute;color:#fff;background-color:#0000004d;border-radius:15px;height:92%;width:100%;cursor:pointer;display:none;align-items:center;justify-content:center}.shapes-color-picker{height:auto;width:auto;border:none;position:absolute;right:1%;bottom:20%}.simple-picker-panel{position:absolute;right:1%;top:45%;transform:translateY(-50%);background:white;padding:15px;border-radius:8px;box-shadow:0 4px 10px #0000001a;z-index:10;display:flex;gap:1rem}.color-picker-row{align-items:center}.color-picker-row input[type=color]{width:35px;height:35px;border:none;padding:0;background:none;cursor:pointer}.color-picker-row input[type=color]::-webkit-color-swatch{border-radius:50%;border:none}.material-properties{padding:10px;background-color:#f7f7f7;border-radius:10px}.material-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.material-header input[type=color]{width:40px;height:40px;border:none;padding:0;background:none;cursor:pointer}.material-header input[type=color]::-webkit-color-swatch{border-radius:50%;border:none}.property{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.property label{flex:1;font-size:15px}.property input[type=range]{flex:2;margin:0 10px}.property .value{flex:1;text-align:right}.transformation-section h3{margin-top:20px}.super-render-wrapper2{position:fixed;width:400px;height:640px;background-color:#fff;border-radius:24px;overflow:hidden;top:15%;right:1%;z-index:1000}@media only screen and (max-width: 1800px){.super-render-wrapper2{height:600px;align-items:center}}.asset-model-container{width:100%;height:100%;display:flex;flex-direction:column}.scene-title{font-weight:600;font-size:18px;width:93%;margin-top:8px}.menu-card-panel{display:flex;flex-wrap:wrap;justify-content:space-around;padding-top:10px;width:100%;height:95%;overflow-y:auto;scrollbar-width:none}.menu-card-panel>.scenes{position:relative;width:calc(50% - 16px);margin:8px;text-align:center}.menu-card-panel img{width:100%;height:100%;border-radius:8px}.scenes:hover .replace{display:flex}.replace{position:absolute;color:#fff;font-weight:700;background-color:#0000004d;border-radius:5px;height:100%;width:100%;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:1;top:0}