*{margin:0;padding:0;box-sizing:border-box}.MainPage_Frame{height:100vh;width:100%;background-color:#111}.MainPage_Frame::-webkit-scrollbar{width:4px;background-color:#c0c2ff}.MainPage_Frame_Cont{min-height:100vh;width:100%;display:flex}.NavbarFrame_{position:fixed;top:0;left:0;height:5vw;width:100%;background-color:#000;z-index:995}.MainFrame{min-height:90vh;width:100%;margin-top:5vw;display:flex;align-items:center;flex-direction:column}.sidebar_Frame{height:100vh;width:17vw;background-color:#000;display:flex;flex-direction:column;padding:0vw;align-items:center;position:fixed;left:0;top:5vw;z-index:5}.FooterFrame{height:90vh;width:100%;background-color:#fff}.NavbarFrame{height:5vw;width:100%;background-color:#0a0a0a;display:flex;z-index:999}.NavbarFrame_Cont{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:row}.App_Logo_Frame{height:100%;width:20%;display:flex;align-items:center;justify-content:center}.APP_img_logo{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.APP_img_logo img{height:80%;width:80%;object-fit:contain}.App_Route_Frame{height:100%;width:50%;display:flex;align-items:center;padding:0 1vw}.App_button_frame{height:100%;width:30%;display:flex;align-items:center;flex-direction:row;justify-content:end;gap:1vw;padding:0 1vw}.App_button_frame button{height:3vw;width:10vw;font-size:1.5vw;cursor:pointer;font-weight:600;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;color:#f5f5f5}.CreateBtn{border-radius:11px}.CreateBtn_active{background:linear-gradient(to bottom,#003e00,#001a00);box-shadow:inset 0 0 10px #075800;border:1px solid rgb(3,155,94)}.CreateBtn_inactive{background:linear-gradient(to bottom,#169e16,#080);box-shadow:0 0 10px #075800;border:0}.CreateBtn_active:hover{background:linear-gradient(to bottom,#003e00,#040)}.CreateBtn_inactive:hover{background:linear-gradient(to bottom,#080,#22f022)}.SignupBtn{border-radius:20px;background:linear-gradient(to bottom,#003f4c,#00667a);box-shadow:0 0 20px #003d49}.UL_List_{display:flex;flex-direction:row;gap:1vw;align-items:center;list-style:none;text-decoration:none;font-style:none}.UL_List_ li{text-decoration:none;color:#fff;font-size:1.5vw;font-weight:600;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;text-transform:capitalize}.UL_List_ .Navlink{text-decoration:none;color:#fff;padding:.6vw .9vw;border-radius:10px;height:3vw}.Navlink{text-decoration:none;color:#fff}.Navlink:hover{background-color:#373737}.UL_List_ .Navlink_Active{color:#000;text-decoration:none;padding:.6vw 1vw;background-color:#003d50;border-radius:10px;color:#c8c8c8}.profilePicFrame{height:3vw;width:3vw;border-radius:50%;overflow:hidden;cursor:pointer}.profilePicFrame:hover{scale:1.1;box-shadow:0 0 10px #4b4b4b}.profilePicFrame img{height:100%;width:100%;object-fit:cover}.Home_Page_frame{min-height:90vh;width:100%;background:#000;overflow:hidden}.HomePage_2_frame{height:100vh;width:100%;display:flex;flex-direction:row;padding:2vw}.HomePage_2_frame{height:100%;width:100%;display:flex;flex-direction:row}.linear_background_comp{background:linear-gradient(135deg,#1d1d1d,#161717)}.InputLabelPreviewFrame{height:100vh;width:75%;display:flex;flex-direction:column;overflow:hidden;gap:1vw;padding:2vw}.input_titleFrame_HP2{height:3vw;width:100%;display:flex;align-items:center;padding:0 1vw;font-size:1.5vw;color:#bbb;border-bottom:1px solid gray;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;text-transform:capitalize}.InputFrame_1_anim{height:30vh;width:100%;overflow:hidden;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:2vw}.inputRowFrame_2{height:85%;width:45%;box-shadow:0 0 10px #121212;display:flex;align-items:center;justify-content:center;flex-direction:row;border-radius:20px}.HomePage_3_frame{height:90vh;width:100%;display:flex;flex-direction:column;padding:2vw}.input_titleFrame_HP3{height:3vw;width:100%;display:flex;align-items:center;padding:0 1vw;font-size:1.5vw;color:#bbb;border-bottom:1px solid gray;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;text-transform:capitalize}.HomePage_3_frame_cont{height:100%;width:100%;display:flex;justify-content:right}.navbar_anim_cont{height:70vh;width:25%;display:flex;flex-direction:column;background-color:#7b6d6d}.NavbarComponentFrameRight{height:70vh;width:75%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1vw}.NavbarFrame_1_Anim{height:20vh;width:100%;display:flex;align-items:center;justify-content:center;border-radius:20px}.Homepage_4_frame{height:100vh;width:100%;display:flex;flex-direction:column;padding:2vw}.HomePage_4_frame_cont{height:100%;width:100%;display:flex;justify-content:left}.input_titleFrame_HP4{height:3vw;width:100%;display:flex;align-items:center;padding:0 1vw;font-size:1.5vw;color:#bbb;border-bottom:1px solid gray;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;text-transform:capitalize}.LoadingComponentFrameLeft{height:90vh;width:75%;display:flex;flex-wrap:wrap;justify-content:center;gap:2vw;padding:1vw}.LoadingFrame_1_Anim{height:20vh;width:45%;display:flex;align-items:center;justify-content:center;border-radius:20px}.animation_frame_1{height:100%;width:25%;display:flex;flex-direction:column;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.hp_2_anim_comp{height:3vw;width:3vw;background-color:#0272b7;box-shadow:0 0 10px #0091ff;border-radius:50%;transform:translate(50px,20px);display:flex;align-items:center;justify-content:center}.hp_2_anim_comp_2{height:2vw;width:5vw;background:linear-gradient(to bottom,#008064,#005b47);box-shadow:0 0 10px #01ac67;border-radius:15px;transform:translate(260px,50px);display:flex;align-items:center;justify-content:center}.hp_2_anim_comp_3{height:3vw;width:12vw;background:linear-gradient(to bottom,#9a0e3a,#5f001e);box-shadow:0 0 10px #ac0123;border-radius:15px;transform:translate(170px,200px);display:flex;align-items:center;justify-content:center}.hp_2_anim_comp_4{height:4vw;width:8vw;background-color:#04b6b0;box-shadow:0 0 10px #017fac;border-radius:20px;transform:translate(120px,320px);display:flex;align-items:center;justify-content:center}.hp_2_anim_comp_5{height:2vw;width:3.2vw;background-color:#b6043c;box-shadow:0 0 10px #ac0123;border-radius:20px;transform:translate(70px,500px);display:flex;align-items:center;justify-content:center}.animation_frame_ p,.hp_2_anim_comp_2 p{font-size:1vw;text-transform:uppercase;color:#fff}.hp_2_anim_comp_3 p{font-size:1.5vw;text-transform:uppercase;color:#fff}.hp_2_anim_comp_4 p{font-size:1vw;text-transform:uppercase;color:#222;font-weight:700}.hp_2_anim_comp_5 p{font-size:1.1vw;text-transform:uppercase;color:#7c7c7c}.HomePage_1_frame{min-height:100vh;width:100%;display:flex;align-items:center;flex-direction:column;background:radial-gradient(ellipse at top,#081526 0%,#000000 60%,transparent 100%);background-repeat:no-repeat;background-size:100% 100%;overflow:hidden;position:relative}.HP_1_Overlay{height:100%;width:100%;position:absolute;top:0;left:0}.App_Title_frame{height:25vw;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:0 20vw}.app_Title{font-size:4vw;font-weight:600;color:#fff;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;text-transform:capitalize}.app_Desc{font-size:1.4vw;color:gray;margin-top:1vw;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.Component_Search_frame{height:11vw;width:100%;display:flex;justify-content:center}.input_label_HP_Frame{height:8vh;width:70%;background-color:#171717;display:flex;flex-direction:row;justify-content:space-between;border-radius:25px;border:1px solid rgb(119,166,255);box-shadow:0 0 10px #212e47;padding:0 .5vw;transition:all .3s ease}.input_label_HP_Frame:hover{scale:1.05}.input_label_HP_Frame:focus-within{border:2px solid green;box-shadow:0 0 20px #002b00;scale:1.05}.input_label_HP_Frame input{height:4vw;width:90%;background-color:#171717;color:#fff;border-radius:20px;padding:0 1vw;font-size:1.4vw;border:none;outline:none;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.input_label_HP_Frame .btn_search_HP{height:2.7vw;width:6vw;margin-left:1vw;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;align-self:center;border-radius:20px;background:linear-gradient(to bottom,#23a840,#00a21b);transition:background .3s ease}.input_label_HP_Frame .btn_search_HP:hover{background:linear-gradient(to bottom,#00b11d,#008334)}.btn_search_HP img{height:2vw;width:2vw}.HP_Component_Display{height:15vw;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 2vw;gap:1.5vw}.displayComponent_HP1{background:linear-gradient(135deg,#171717,#161717);height:100%;width:20vw;border-radius:20px;box-shadow:0 0 10px #000}.displayComponent_HP1:hover{background:linear-gradient(135deg,#161717,#171717);box-shadow:0 0 25px #030e16;scale:1.02}.displayComponent_HP1_cont{height:100%;width:100%;position:relative;overflow:hidden;border-radius:20px}.DemoComponentFrame{height:100%;width:100%;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.component-preview{margin:1vw 0;padding:1vw;border-radius:10px;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.OverlayCopyCode{position:absolute;opacity:0;top:0;left:0;height:20%;width:60%;z-index:2;display:flex;align-items:center;justify-content:center;color:#ddd;font-size:1.2vw;padding:1vw;font-weight:600;gap:.6vw;margin:.5vw;border-radius:10px}.OverlayCopyCode:hover{background-color:#000;cursor:pointer}.HP_Copycode{font-size:1.2vw;text-transform:capitalize;font-weight:400;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.HP_1_BG_layer{height:100vh;width:100%;display:flex;flex-direction:row}.circular_btn_1{position:absolute;margin-top:7vw;margin-left:10vw;height:4vw;width:4vw;background:linear-gradient(90deg,#1f173f,#003f3f);box-shadow:0 0 10px #1f173f;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.circular_btn_1 img{height:90%;width:90%}.circular_btn_2{height:3vw;width:12vw;border-radius:20px;margin-top:10vw;margin-right:0;left:5vw;margin-left:80vw;background:linear-gradient(90deg,#45338f,#008989);box-shadow:0 0 20px #7f5eff80;cursor:pointer;display:flex;align-items:center;justify-content:center;transform:rotate(20deg) translateY(-50px) translate(-20px);font-size:1.6vw;font-weight:600;position:absolute;color:#f0f8ff;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.input_frame_12{height:3vw;width:3vw;background-color:#404040;margin-top:18vw;margin-left:5vw;border-radius:50%;position:absolute;display:flex;flex-direction:row;overflow:hidden}.input_frame_12 input{height:2vw;width:2vw;align-self:center;border:0;background-color:#404040}.search-input_{height:2vw;width:2vw;background-color:#373636}.spinner_HP_Com_1{width:48px;height:48px;position:absolute;top:20vw;right:5vw;display:inline-block}.spinner_HP_Com_1:before,.spinner_HP_Com_1:after{content:"";position:absolute;border-radius:50%;border:4px solid rgba(0,0,0,.1);inset:0;margin:auto}.spinner_HP_Com_1:before{width:100%;height:100%;border-top-color:#4a90e2;animation:spin 1s linear infinite}.spinner_HP_Com_1:after{width:24px;height:24px;border-bottom-color:#50e3c2;animation:spin-reverse .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-reverse{to{transform:rotate(-360deg)}}.inputHoverAnimOverlayFrame{height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.BG_Hover_Animation{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.Overlay_Hover_Animation{height:3.5vw;width:13vw;top:0;right:0;background-color:#0404048f;position:absolute;display:flex;align-items:center;justify-content:center;gap:.7vw;opacity:0;border-radius:20px;margin:1vw;cursor:pointer;z-index:1001}.Overlay_Hover_Animation p{font-size:1.2vw;font-weight:600;color:#b6b6b6;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.HP3_Overlay_elem_1{height:4vw;width:4vw;background-color:#676767;border-radius:50%;overflow:hidden;padding:.5vw;transform:translate(2vw) translateY(1vw)}.HP3_Overlay_elem_1 img{height:100%;width:100%;object-fit:contain}.footer{height:90vh;background-color:#0f0f0f;color:#e0e0e0;padding:40px 20px;font-family:Segoe UI,sans-serif}.footer-top{text-align:center;margin-bottom:40px}.footer-top h2{font-size:1.8rem;margin-bottom:10px;color:#fff}.footer-top p{font-size:1rem;color:#ccc}.footer-buttons{margin-top:20px}.btn{padding:10px 20px;margin:5px;border:none;cursor:pointer;font-weight:700;border-radius:4px}.primary{background-color:#4f46e5;color:#fff}.secondary{background-color:transparent;color:#4f46e5;border:2px solid #4f46e5}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:30px;margin-bottom:40px}.footer-column h4{margin-bottom:10px;color:#fff}.footer-column a{display:block;color:#bbb;text-decoration:none;margin-bottom:6px;font-size:.9rem}.footer-column a:hover{color:#fff}.footer-subscribe{display:flex;justify-content:center;gap:10px;margin-bottom:30px}.footer-subscribe input{padding:10px;width:250px;border-radius:4px;border:none;background-color:#1f1f1f;color:#fff}.subscribe{background-color:#10b981;color:#fff}.footer-bottom{text-align:center;font-size:.85rem;color:#888}.pageNotFoundContainer{height:100vh;width:100%;background-color:#0f0f0f;color:#f0f0f0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Segoe UI,sans-serif;text-align:center;padding:2rem}.pageNotFoundContainer h1{font-size:2.5rem;margin-bottom:1rem}.pageNotFoundContainer p{font-size:1.2rem;margin-bottom:2rem;color:#aaa}.pageNotFoundContainer button{padding:.8rem 2rem;font-size:1rem;background-color:#222;color:#f0f0f0;border:1px solid #444;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.pageNotFoundContainer button:hover{background-color:#333}.compDetailFrame_cont{min-height:95vh;width:100%;background-color:#000;display:flex;flex-direction:column;padding:3vw 1vw 1vw 19vw}.compDetail_MainFrame{min-height:100vh;width:100%;display:flex;flex-direction:column}.FilteringComponentsFrame{height:8vh;width:100%;display:flex;align-items:center;flex-direction:row;justify-content:space-between}.Left_filtering{height:100%;width:12vw;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:.5vw}.Left_filtering_cont{height:100%;width:100%;border-radius:10px;overflow:hidden;display:flex;flex-direction:row}.Left_filtering_cont:hover{background-color:#1c1c1c;cursor:pointer}.Left_filtering img{height:100%;min-width:30%;padding:.5vw}.Left_filtering_cont p{color:#979797;align-self:center;font-size:1.6vw;margin-left:.6vw;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.RightFiltering{height:100%;width:12vw;display:flex;flex-direction:row;align-items:center;justify-content:center}.img_frame{height:3.5vw;width:4vw;display:flex;align-items:center;justify-content:center}.addlogo{height:4vw;width:4vw;display:flex;align-items:center;justify-content:center}.img_frame:hover{background-color:#333;cursor:pointer;border-radius:5px}.img_frame img{height:60%;width:60%}.exportFilesFrame{height:10vh;width:100%;background-color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:right;padding:0 1vw}.downloadAsReact{height:3vw;width:12vw;background-color:#008b8b;border-radius:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.downloadAsReact{font-size:1.2vw;font-weight:600;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.componentPreviewFrame{height:80vh;width:100%;border-radius:25px;overflow:hidden;box-shadow:0 0 10px #000}.componentPreviewFrame_cont{height:100%;width:100%;background:linear-gradient(50deg,#111,#242424);display:flex;flex-direction:row;z-index:30}.ComponentPreviewContainer{height:100%;width:45%;background-color:#161616;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 10px #101010ee;border-top-left-radius:25px;border-bottom-left-radius:25px}.componentCodePreview{height:100%;width:55%;background-color:#00000083;display:flex;flex-direction:column}.SelectToolFrame{height:8vh;width:100%;background-color:#111;display:flex;flex-direction:row;box-shadow:inset 0 0 10px #000}.CodeSnippitPreview{height:72vh;width:100%}.ToolFrame{height:100%;min-width:10vw;display:flex;align-items:center;justify-content:center;padding:.7vw .3vw;cursor:pointer}.ToolFrame_cont{height:100%;width:100%;background-color:#111;border-radius:10px;display:flex;align-items:center;justify-content:center}.ToolFrame_cont_active{height:100%;width:100%;background-color:#202020;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;border:1px solid rgb(4,107,135)}.ToolFrame_cont,.ToolFrame_cont_active p{font-size:1.2vw;font-weight:600;color:#fff;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.CodeSnippitPreview_Cont{height:70vh;width:100%;display:flex;flex-direction:column;flex-wrap:wrap;color:#fff}.code-block{height:100%;width:100%}.LiveProvider{background-color:#000}.CodeEditorPreview{min-height:70vh;width:100%;padding:1vw 0 1.5vw 1vw;background-color:#282c34;position:relative;z-index:10}.OverlayCodeCopyFrame{height:8vh;width:10vw;position:absolute;display:flex;align-items:center;justify-content:center;top:0;right:0}.OverlayCodeCopyFrame button{height:2.5vw;width:8vw;font-size:1vw;font-weight:500;color:#fff;border:0;border-radius:10px;background-color:#262626;gap:1vw;cursor:pointer}.cm-scroller::-webkit-scrollbar{width:13px;height:8px}.cm-scroller::-webkit-scrollbar-track{background:#111}.cm-scroller::-webkit-scrollbar-thumb{background-color:#444;border-radius:4px;border:2px solid #111}.cm-scroller::-webkit-scrollbar-thumb:hover{background-color:#666}.CodeMirrorFrame{position:"relative"}.SideBar_Frame_{height:100%;width:100%;background-color:#1f1f1f;padding:0vw 0 4vw}.SideBar_Frame_Cont{height:100%;width:100%;display:flex;flex-direction:column;background-color:#121212}.SideBar_Frame_Cont .Navlink{height:8vh;width:100%;display:flex;align-items:center;padding:.5vw 1vw;font-size:1.4vw;text-transform:capitalize;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.SideBar_Frame_Cont .Navlink:hover{background-color:#232323}.Navlink_InActive_SB{background-color:#121212}.Navlink_Active_SB{background-color:#202020}.allCompsFrame{height:100vh;width:100%;display:flex;background:#000}.allCompsFrame_cont{height:100%;width:100%;display:flex;flex-direction:row;margin-top:0vw}.FilterComponentsFrame{height:10vh;width:100%;background-color:#fff;display:flex;flex-direction:row}.filterDropdown{min-height:10vh;width:15vw;background-color:#4f4e4e;z-index:50;display:flex;flex-direction:column}.filterCintainer{height:100%;width:100%}.filterCont{height:7vh;width:100%;background-color:#797979;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 .8vw}.filterCont_{height:5vh;width:100%;background-color:#797979;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.filterCont_Active{height:5vh;width:100%;background-color:#222;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.filterCont_:hover,.filterCont_Active:hover{background-color:#111;color:#fff}.clearFiltersBtn{margin-top:.5vh;padding:.5vh 1vw;background-color:#222;color:#fff;border:1px solid #555;border-radius:5px;cursor:pointer;transition:background-color .2s ease}.clearFiltersBtn:hover{background-color:#444}.DisplayAllComps{min-height:90vh;width:100%;display:flex;flex-direction:column;margin-left:19vw;margin-bottom:1vw;padding:6vw 0vw 1vw;overflow-y:scroll}.DisplayAllComps::-webkit-scrollbar{width:5px;background-color:#1c1c1c}.DisplayAllComps::-webkit-scrollbar-thumb{background-color:#002b7a;border-radius:5px}.DisplayAllComps_cont{min-height:90vh;width:100%;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:1.1vw;margin-bottom:1vw}.ButtonCompFrame_Map{background:linear-gradient(135deg,#171717,#161717);height:15vw;width:19vw;border-radius:20px;box-shadow:0 0 10px #000;display:flex;align-items:center;justify-content:center}.NavbarCompFrame_Map{background:linear-gradient(135deg,#171717,#161717);height:10vw;width:100%;border-radius:20px;box-shadow:0 0 10px #000;display:flex;align-items:center;justify-content:center}.DisplayNavbarComps_cont{min-height:90vh;width:100%;display:flex;flex-direction:column;gap:1.3vw;padding:2vw 2.5vw;margin-bottom:1vw}.DisplayInputComps_cont{min-height:90vh;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.3vw;margin-bottom:2vw}.InputCompFrame_Map{background:linear-gradient(135deg,#171717,#161717);height:10vw;width:45%;border-radius:20px;box-shadow:0 0 10px #000;display:flex;align-items:center}.register-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#0f172a}.register-form{background:#111827;padding:2rem;border-radius:12px;width:100%;max-width:400px;box-shadow:0 8px 20px #00000059;color:#e5e7eb}.register-form h2{margin-bottom:1rem;text-align:center}.error{color:#ef4444;margin-bottom:1rem;font-size:.9rem}.form-group{margin-bottom:1rem;display:flex;flex-direction:column}.form-group label{margin-bottom:.5rem;font-weight:600}.form-group input{padding:.75rem;border-radius:8px;border:1px solid #334155;background:#1f2937;color:#e5e7eb}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640}.btn_Register{width:100%;padding:.75rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s ease}.btn_Register:hover{background:#2563eb}.container{display:flex;flex-direction:column;align-items:center;font-family:Fira Code,monospace}.workspace{display:flex;gap:20px}.palette,.editor{background:#2d2d2d;color:#dcdcdc;padding:15px;border-radius:6px;width:250px}.palette-item{background:#444;padding:8px;margin:6px 0;border-radius:4px;cursor:grab}.code-line{background:#333;padding:8px;margin:4px 0;border-radius:4px;cursor:grab}.code-snippet{background:#1e1e1e;color:#61dafb;font-family:Fira Code,monospace;padding:6px 10px;border-radius:4px;white-space:pre-wrap}.section{background:#222;border:2px dashed #555;padding:15px;margin-top:10px;border-radius:6px;min-height:120px}.section-item{margin:6px 0;padding:8px;background:#333;border-radius:4px;cursor:grab}.visual_code{width:80%;background-color:#fafafa;padding:20px;border-radius:8px;margin-top:20px;box-shadow:0 2px 8px #0000001a}.section-item{background:#e9f0ff;padding:10px;border-radius:6px;cursor:grab;border:1px solid #ccc}.section.row .section-content{display:flex;flex-direction:row;gap:10px}.section.column .section-content{display:flex;flex-direction:column;gap:10px}.section-controls{margin-top:10px;display:flex;flex-direction:row;justify-content:space-between}.sec_con-cont{height:100%;width:100%;display:flex;flex-direction:row;gap:10px;margin-left:1vw}.section-controls button{background:#0078d4;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer}.section-controls button:hover{background:#005a9e}.toggle-preview{margin:10px 0;background:#0078d4;color:#fff;border:none;padding:8px 14px;border-radius:4px;cursor:pointer}.final-preview{width:90%;margin:20px auto;padding:20px;background:#fff;border-radius:8px}.section{margin-bottom:20px}.section-content{display:flex;flex-wrap:wrap;gap:15px}input,textarea{padding:10px;border:1px solid #ccc;border-radius:4px}.export-btn{margin-bottom:20px;background:#28a745;color:#fff;border:none;padding:8px 14px;border-radius:4px;cursor:pointer}.export-btn:hover{background:#1e7e34}.BuilderPage_Frame{height:100vh;width:100%;background-color:#111;flex-direction:column;overflow-y:scroll}.BuilderPage_Frame::-webkit-scrollbar{width:4px;background-color:#c0c2ff}.DND_UL_builder_title{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;color:#b6b6b6}.Final_Preview_frame_fixed{height:4vw;width:4vw;position:fixed;top:6vw;right:2vw;border-radius:50%;cursor:pointer;overflow:hidden;padding:.8vw;background:#00467b}.add_column_btn_frame{height:6vw;width:100%;background-color:#222;display:flex;align-items:center;justify-content:center;border-radius:20px;margin-top:1vw}.add_column_btn{height:3vw;width:3vw;background-color:#2e2e2e;border-radius:50%;border:2px dotted rgb(155,155,155);display:flex;align-items:center;justify-content:center;cursor:pointer}.add_column_btn img{height:90%;width:90%;border-radius:50%;box-shadow:inset 0 0 10px #171717}.Final_Preview_frame_fixed img{height:100%;width:100%;object-fit:contain}.BuilderPage_Frame_Cont{min-height:100vh;width:100%;flex-direction:column;display:flex;align-items:center;padding:1vw}.Builder_Editor_frame{min-height:100vh;width:100%;display:flex;flex-direction:row}.Preview_Toggle_btn{margin:10px 0;background:#0078d4;color:#fff;border:none;padding:8px 14px;border-radius:4px;cursor:pointer}.final_Preview_frame{width:90%;margin:20px auto;padding:20px;background:linear-gradient(135deg,#161717,#171717);border-radius:8px}.Editor_frame_right{min-height:100vh;width:100%;display:flex;flex-direction:column}.workspace_builder{display:flex;min-height:100vh;width:100%;gap:20px;flex-direction:row;overflow:hidden}.palette,.editor{background:#2d2d2d;color:#dcdcdc;padding:15px;border-radius:6px;width:20vw;overflow:hidden}.palette-item{background:#444;padding:8px;margin:6px 0;border-radius:4px;cursor:grab;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-weight:700}.visual_code{min-height:70vh;width:100%;display:flex;flex-direction:column}.section_builder{border:0;padding:0;margin-top:5px;border-radius:8px;min-height:1px}.section_builder.row .section-content{display:flex;flex-direction:row;gap:10px}.section_builder.column .section-content{display:flex;flex-direction:column;gap:10px}.section-content{display:flex;flex-wrap:wrap;gap:10px;min-height:1vh}.section_builder_{border:2px dashed #bbb;padding:1px 0 5px;margin-top:15px;border-radius:8px;min-height:90px;padding:20px 0 .5vw}.section_builder_.row .section-content-preview{display:flex;flex-direction:row;gap:10px}.section_builder_.column .section-content-preview{display:flex;flex-direction:column;gap:10px}.section-content-preview{display:flex;flex-wrap:wrap;gap:15px}.show_column_type_{height:2vw;min-width:9vw;background-color:#2f2f2f;border:2px dotted rgb(98,98,98);display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:20px;margin-right:1vw;color:#7b7b7b;font-size:1vw;font-weight:400;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.add_column_top_frame{min-height:5vh;width:100%;background-color:#222;margin-bottom:2vw;display:flex;flex-direction:column;align-items:center;padding:1vw;border-radius:20px}.visual_code_builder{min-height:70vh;width:100%;background:linear-gradient(135deg,#161717,#171717);padding:20px;border-radius:8px;margin-top:20px;box-shadow:0 2px 8px #0000001a}.visual_code_builder h3{color:#fff;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;margin-bottom:1vw}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.section-title{font-weight:600;font-size:.9rem}.section-add-col-btn{background:#0078d4;color:#fff;border:none;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:.8rem}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.editor-add-col-btn{background:#0078d4;color:#fff;border:none;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:.8rem;font-size:1.4vw;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.editor-add-col-btn:hover{background:#005a9e}.builder-mode .section_div_r{background-color:#4f4f4f59}.builder-mode .section_div_c{background-color:#5a5a5a59}.final-preview .section_div_r,.final-preview .section_div_c{background-color:transparent}.delete_zone{width:120px;min-height:60vh;margin-left:10px;background:#3a1010;border-radius:6px;color:#fff;padding:10px;border:2px dashed #ff4d4f;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-size:.9rem;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;gap:1vw}.DND_component_frame{height:100%;width:100%}.h-1{height:1vw}.h-2{height:2vw}.h-3{height:3vw}.h-4{height:4vw}.w-1{width:1vw}.w-2{width:2vw}.w-3{width:3vw}.w-4{width:4vw}.section_div_r{width:100%}.section_div_Image_frame{display:flex;flex-direction:row;align-items:center;background-color:#31313110}.section_div_Image_frame img{height:100%;width:100%;object-fit:contain}.Update_Pallate_frame_toggle{min-height:50vh;width:18vw;background-color:red;position:fixed;top:25vw;right:0}.Update_Pallate_frame_toggle{border:1px solid #ccc;padding:16px;margin:12px 0;background-color:#f9f9f9;border-radius:8px;width:300px}.Update_Pallate_frame_toggle form{display:flex;flex-direction:column;gap:10px}.Update_Pallate_frame_toggle input{padding:6px;border:1px solid #aaa;border-radius:4px}.Update_Pallate_frame_toggle button{background:#23a840;color:#fff;border:none;padding:8px;border-radius:4px;cursor:pointer}.Update_Pallate_frame_toggle{position:fixed;top:20%;right:20px;background:#000000f2;padding:25px;border-radius:12px;border:2px solid #00951e;box-shadow:0 0 30px #00510466;z-index:1000;max-width:300px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.Update_Pallate_frame_toggle h4{color:#0ff;margin:0 0 20px;text-align:center;font-size:1.2em}.Update_Pallate_frame_toggle label{display:block;margin:15px 0;color:#fff;font-size:.95em}.Update_Pallate_frame_toggle input{width:100%;padding:10px;border-radius:6px;border:1px solid #444;background:#1a1a1a;color:#fff;margin-top:5px;box-sizing:border-box}.form-buttons{display:flex;gap:10px;margin-top:20px}.Update_Pallate_frame_toggle button{flex:1;padding:12px;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease}.Update_Pallate_frame_toggle button[type=submit]{background:linear-gradient(135deg,#0f8,#0c6);color:#000}.Update_Pallate_frame_toggle button[type=button]{background:linear-gradient(135deg,#f44,#c33);color:#fff}.Attach_img{height:100%;width:100%;height:3vw;width:3vw;border-radius:50%;font-size:2vw;border:1px solid rgb(58,58,58);box-shadow:0 0 10px #000;cursor:pointer;padding:.6vw}.Preview_image_selected{height:5vw;width:5vw;overflow:hidden;display:flex;align-items:center;justify-content:center}.Preview_image_selected img{height:100%;width:100%;object-fit:contain}