body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.panel{color:#fff;font-size:12px}.panel h3{font-size:12px;margin:15px 0}.panel .separator{border-bottom:1px solid #3f3f45;height:1px;margin:15px 0}.panel .MuiButtonBase-root{font-size:12px!important;height:30px}.panel__inner{display:flex;flex-direction:column;height:100%}.panel__scrollbar{flex:1 0 auto;height:auto!important}.panel__footer{display:flex;flex-direction:column;justify-content:flex-end;margin-top:15px}.editor--full .panel__footer{left:-320px}.panel__footer-tools{justify-content:flex-end;transition:all .3s ease}.panel__footer-right,.panel__footer-tools{display:flex;gap:10px}.panel__back,.panel__footer-left{align-items:center;display:flex}.panel__back{cursor:pointer}.panel__button-export.MuiButton-contained:not(.Mui-disabled){background:#1f1f23!important}.panel__button-export.MuiButton-contained:not(.Mui-disabled):hover{background:#000!important}.panel__logo{align-items:flex-start;display:flex;padding-bottom:30px;padding-left:20px;padding-top:30px}.panel__logo svg{width:130px}.panel__logo .v2{background-color:#f4f4f5;border-radius:3px;color:#333;display:inline-block;font-size:8px;font-style:normal;font-weight:700;margin-left:5px;padding:1px 5px;text-transform:uppercase;transform:translateY(-1px)}.panel__notice{margin-top:15px}.panel__notice>*{display:inline}.panel__notice svg{margin-right:5px;transform:translateY(2px)}.panel__upgrade{margin-top:15px}.controls{color:#fff}.controls label{align-items:center;display:flex;margin:0}.controls label em{background-color:#f4f4f5;border-radius:3px;color:#333;display:inline-block;font-size:8px;font-style:normal;font-weight:700;margin-left:3px;padding:1px 5px;text-transform:uppercase;transform:translateY(-1px)}.controls .MuiFormControlLabel-root{margin:0!important}.controls input[type=text]{font-size:12px;padding:10px}.controls .MuiButtonBase-root{font-size:12px!important}.controls .MuiRadio-root{display:none}.controls .MuiRadio-root+span{border:none;border-radius:3px;display:block;margin:0!important;padding:5px}.controls .MuiRadio-root.Mui-checked+span{background-color:#2b2f30;border-color:#3b82f6;color:#fff}.controls .radio-group{align-items:center;background-color:#1f1f23;border:1px solid #3f3f45;border-radius:8px;display:flex;position:relative}.controls .radio-group>label{display:block;flex:1 1;padding:5px;text-align:center;z-index:1}.controls fieldset{border-color:#3a3d40;border-radius:0!important;border-radius:8px!important;color:#bfc2c5}.controls .MuiInputBase-input{background-color:#242426cc;border-radius:8px!important;font-size:12px!important;padding:10px!important}.controls .MuiInputBase-input::placeholder{font-size:12px!important}.controls .MuiFormControl-root,.controls .MuiFormGroup-root{margin-bottom:0!important}.controls__header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:20px;-webkit-user-select:none;user-select:none}.controls__header-label{color:#fff;font-size:12px;font-weight:500;letter-spacing:.08em;line-height:16px;text-transform:uppercase}.controls--collapsed .controls__body{display:none}.controls__field-group{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:15px}.controls__field-group:last-child{margin-bottom:0}.controls__field-group>:first-child{width:60%!important}.controls__field-group>:last-child{width:40%!important}.controls__field-group>:last-child.full-width{width:100%!important}.controls__field-group .MuiSwitch-root{margin-right:-10px;width:58px!important}.controls__field-group .MuiSwitch-switchBase{background:none!important;top:4px}.controls__field-group .MuiSelect-select{align-items:center;display:flex;height:1.4375em!important}.controls__field-group.controls__field-group--label-block>*{margin-bottom:10px;width:100%!important}.controls__field-group textarea{background-color:#1f1f23;border:1px solid #3f3f45;border-radius:8px;color:#fff;font-family:inherit;font-size:12px;outline:none;padding:15px;resize:none;width:100%}.controls__field-group--selector .MuiFormControl-root,.webflowAPIToken{background-color:#1f1f23;border-radius:8px}label.label-flex{align-items:flex-end;display:flex;justify-content:space-between}.controls__button{background:#1f1f23;border:1px solid #3f3f45;border-radius:8px;cursor:pointer;padding:10px;text-align:center}.controls__header-icon svg{height:100%;width:100%}.controls__header-icon{height:16px;transition:all .3s ease;width:16px}.controls--collapsed .controls__header-icon{transform:rotate(-90deg)}.control-select-arrow{color:#f4f4f5;height:16px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:16px}.control-description{align-items:center;cursor:pointer;display:flex;font-size:14px;margin-left:5px}.controls__advanced{display:flex;flex-direction:column;margin-bottom:15px}.controls__advanced-header{align-items:center;background-color:#242426cc;border-radius:8px!important;cursor:pointer;display:flex;font-size:12px!important;justify-content:space-between;padding:10px!important;-webkit-user-select:none;user-select:none}.controls__advanced-header svg{height:10px;width:10px}.controls__advanced-content{margin-top:15px}.selector-target{color:#c5c5c5;cursor:pointer;display:flex;font-size:24px}.selector-target.active{color:#3364e3}.react-tagsinput{background-color:#1f1f23!important;border:1px solid #3f3f45!important;border-radius:8px;padding:5px 0 0 5px!important}.react-tagsinput-input{color:#fff!important;margin-bottom:5px!important;padding:7px!important;width:100px!important}.react-tagsinput-tag{background-color:#2b2f30!important;border:none!important;border-radius:3px!important;color:#fff!important;font-family:Inter!important;font-size:12px!important;padding:6px!important}.react-tagsinput-remove{padding:5px}.code-wrapper{background-color:#1f1f23;border:1px solid #3f3f45;border-radius:8px;height:105px;overflow:auto;padding:15px;width:100%}.dialog__content .code-wrapper{background-color:#151818}.code-wrapper::-webkit-scrollbar{width:8px}.code-wrapper::-webkit-scrollbar-track{background:#1f1f23;border-radius:0 8px 8px 0}.dialog__content .code-wrapper::-webkit-scrollbar-track{background:#151818}.code-wrapper::-webkit-scrollbar-thumb{background:#555;border-radius:8px}.code-wrapper::-webkit-scrollbar-thumb:hover{background:#555}.w-tc-editor{background:none!important;overflow:auto!important}.w-tc-editor textarea{border-radius:0!important}.w-tc-editor textarea,.w-tc-editor-preview{min-height:40px!important;padding:0!important}.w-tc-editor-preview .punctuation{color:#bb78c1!important}.invalid-message{display:none;font-size:12px;margin-top:5px}.error .invalid-message{display:block}.full-width{width:100%!important}.promotion{background:hsla(0,0%,100%,.051);display:flex;padding:10px 20px}.promotion__logo{height:36px;margin-right:10px;width:30px}.react-tagsinput{background-color:#fff;border:1px solid #ccc;overflow:hidden;padding-left:5px;padding-top:5px}.react-tagsinput--focused{border-color:#a5d24a}.react-tagsinput-tag{background-color:#cde69c;border:1px solid #a5d24a;border-radius:2px;color:#638421;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:400;margin-bottom:5px;margin-right:5px;padding:5px}.react-tagsinput-remove{cursor:pointer;font-weight:700}.react-tagsinput-tag a:before{content:" ×"}.react-tagsinput-input{background:#0000;border:0;color:#777;font-family:sans-serif;font-size:13px;font-weight:400;margin-bottom:6px;margin-top:1px;outline:none;padding:5px;width:80px}@font-face{font-family:Inter;font-style:normal;font-weight:100;src:url(/static/media/Inter-Thin.5d11860425e7e7fbd0c5.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:200;src:url(/static/media/Inter-ExtraLight.e22ca38c4e5fd2eb1bcf.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:300;src:url(/static/media/Inter-Light.58a136ec3193fa8a63e5.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/Inter-Regular.2391725004ae05a27e8e.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:500;src:url(/static/media/Inter-Medium.e7231ba33760832432b8.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:600;src:url(/static/media/Inter-SemiBold.45b4c2ae493bb481102f.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/Inter-Bold.a73db89c43e44ca8f5e0.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:800;src:url(/static/media/Inter-ExtraBold.4575fccf5b3158df637f.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:900;src:url(/static/media/Inter-Black.24d6be6c502d39fb3ce1.ttf) format("truetype")}h1{font-size:24px;font-weight:500;margin:0 0 20px}body{color:#f4f4f5;font-family:Inter;font-size:14px;line-height:1.4}body *{word-break:break-word}body .MuiButton-contained:not(.Mui-disabled){background-color:#3364e3!important}body .MuiButton-contained:not(.Mui-disabled):hover{background-color:#264fba!important}body .MuiButton-outlined{border-color:#ffffff1a!important}body .MuiDialogTitle-root{padding:16px 16px 10px!important}body .MuiListItem-root{border-radius:3px;font-size:14px!important}body .MuiListItem-root:hover{background:#222226!important}body .MuiAlert-filledSuccess{background-color:#3364e3}body .MuiOutlinedInput-input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 100px #1f1f23}body .MuiPopover-paper{background-color:#222226!important;background-image:none!important}.notice{margin-bottom:40px;text-align:center}.notice a{color:#3364e3}h2{font-size:24px;margin:10px 0 30px}a{color:inherit;text-decoration:none}.MuiDataGrid-footerContainer{border-top:none!important}.MuiDataGrid-root{border:none!important}.MuiDataGrid-cell:first-child,.MuiDataGrid-columnHeader:first-child{padding-left:30px!important}.MuiDataGrid-cell:last-child,.MuiDataGrid-columnHeader:last-child{padding-right:30px!important}.MuiFormControl-root,.MuiFormGroup-root{margin-bottom:15px!important}.MuiButton-text{padding:6px 20px!important}.MuiButton-root{box-shadow:none!important;font-size:12px!important;height:43px;text-transform:none!important}.MuiInputBase-input,.MuiInputBase-input::placeholder,.MuiInputLabel-root{font-size:14px!important}.body-dashboard .MuiOutlinedInput-notchedOutline{border-color:#ffffff1a!important}.MuiSnackbarContent-root{background:#3364e3!important;color:#fff!important;justify-content:center}.body-editor .MuiSnackbarContent-root{background:#222226!important;color:#fff!important;justify-content:center}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-end{justify-content:flex-end}.flex-center{justify-content:center}.flex-space-between{justify-content:space-between}.align-center{align-items:center}.margin-bottom-10{margin-bottom:10px}.margin-bottom-20{margin-bottom:20px}h1,h2,h3,h4{font-weight:700}h1{font-size:40px;margin-bottom:20px}.editor{color:#c5c5c5;display:flex}.hidden{display:none}.hidden-mobile{display:block}@media(max-width:768px){.hidden-mobile{display:none}}.copy{background-color:#1f1f23;border-radius:3px;cursor:pointer;font-size:12px;padding:5px 10px}.editor-right{height:100vh;left:0;position:relative;transition:all .3s ease;width:calc(100% - 320px)}.editor--full .editor-right{left:-320px;width:100%}.editor-iframe{background-color:#fff;border:none;display:block;height:100vh;margin:0 auto;transition:all .3s ease;width:100%}.editor-iframe.editor-iframe--mobile{width:390px}.editor-iframe.editor-iframe--tablet{width:768px}.editor--full .editor-iframe{height:100vh}.editor-loading{align-items:center;background:#1f1f23;gap:20px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:99999999}.editor-loading,.editor__export{display:flex;flex-direction:column;font-size:14px}.editor__export{background:#222226;border-radius:8px;bottom:50px;color:#fff;gap:15px;left:50%;max-width:400px;padding:20px;position:fixed;transform:translateX(-50%);z-index:9999999}.editor__export-control{margin-bottom:10px}.editor__export-control:last-child{margin-bottom:0}.editor__export-control-title{font-weight:700;margin-bottom:10px}.editor__export-buttons{display:flex;flex-wrap:wrap;gap:10px}.editor__export-button{background-color:#151818;border:1px solid #0000;border-radius:3px;cursor:pointer;font-size:12px;padding:5px 10px}.editor__export-button:hover{border:1px solid #ececec}.animation{background:#222226;color:#fff;margin:0 0 6px}.animation,.animation__thumb{border-radius:8px;height:29px;position:relative}.animation__thumb{align-items:center;background:#454c4e;cursor:move;display:flex;font-size:12px;padding:0 15px;-webkit-user-select:none;user-select:none;width:100%}.animation.active .animation__thumb{background:#486491}.animation__thumb:after,.animation__thumb:before{background:#656f72;content:"";display:block;height:8px;position:absolute;width:8px}.animation.active .animation__thumb:after,.animation.active .animation__thumb:before{background:#5598ff}.animation__thumb:before{left:-4px;top:50%;transform:translateY(-50%) rotate(45deg)}.animation__thumb:after{right:-4px;top:50%;transform:translateY(-50%) rotate(45deg)}.animation__thumb-inner{overflow:hidden;white-space:nowrap}.header{align-items:center;background:#18181b;border-bottom:1px solid #ffffff1a;display:flex;flex-wrap:wrap;left:0;position:fixed;top:0;width:100%;z-index:999}@media(max-width:767px){.header .logo{overflow:hidden;width:85px!important}}.header__inner{align-items:center;display:flex;height:50px;justify-content:space-between;padding:0 40px;width:100%}.header__project{background-color:#f3f3f8;border-bottom:1px solid #ffffff1a;left:0;position:fixed;top:71px;width:100%;z-index:999}.header__project-inner{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:10px 40px}.header__project-notice a{color:#3364e3}.header__project-notice img{margin-right:10px;vertical-align:middle;width:20px}.header__button{height:30px}.user-tools{align-items:center;display:flex;font-size:12px;gap:10px}.user-popover-avatar{padding:0!important}.user-popover-avatar .MuiAvatar-root{height:30px;width:30px}.dashboard{background-color:#18181b;min-height:100vh;padding-top:50px}.dashboard__content{padding:40px}.dashboard--project .dashboard__content{padding:20px 0}.dashboard__content__inner{margin:0 auto;max-width:1200px}.dashboard--project .dashboard__content__inner{margin:0;max-width:none}.login__form{background-color:#222226;border:1px solid #ffffff1a;border-radius:8px;margin:0 auto;max-width:500px;padding:30px}.login__title{text-align:center}.login__button--google img{background-color:#fff;border-radius:3px;left:1px;padding:7px;position:absolute}.login__error{background-color:#ff4f6d26;border-radius:4px;display:flex;margin-bottom:15px;padding:10px 14px}.login__error svg{fill:#ff4f6d;margin-right:10px;min-width:20px}.MuiDialog-paper{background-color:#1f1f23!important;background-image:none!important;border-radius:10px!important;color:#f4f4f5!important;font-size:14px;padding:20px;width:400px}.MuiDialogContent-root{border:none!important}.body-editor .MuiDialogTitle-root{align-items:center;color:#fff;display:flex;font-size:18px!important;margin-bottom:5px!important}.dialog__content{padding:10px}.pages,.projects{grid-gap:20px;display:grid;grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){.pages,.projects{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.pages,.projects{grid-template-columns:repeat(1,1fr)}}.projects__item{background-color:#222226;border-radius:8px;cursor:pointer;font-size:18px}.projects__item,.projects__item-inner{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.projects__item-inner{min-height:140px;padding:20px;pointer-events:none;row-gap:10px;width:100%}.projects__item-inner *{pointer-events:all}.pages__item-name input,.projects__item-name input,.projects__item-url input{background:none!important;border:1px solid #0000;color:#f4f4f5!important;font-size:18px;font-weight:600;outline:none;text-align:center;width:100%}.pages__item-name input:hover,.projects__item-name input:hover,.projects__item-url input:hover{border:1px solid #cdd6fc}.projects__item-description{font-size:14px}.projects__item-url{border-radius:0 0 8px 8px;border-top:1px solid #cdd6fc;font-size:14px;padding:10px;pointer-events:none;width:100%}.projects__item-url input{text-align:left}.pages__item-tools,.projects__item-tools{align-items:center;display:flex;gap:10px;position:absolute;right:10px;top:10px}.back-icon{background-color:#fff!important;border:1px solid #cdd6fc!important}.form-page{align-items:center;display:flex;justify-content:center}@media(max-width:767px){.form-page{flex-wrap:wrap;margin:10px 0}}.form-page .MuiFormControl-root{margin-bottom:0!important}.form-page .MuiButton-root{border-radius:0 3px 3px 0!important}.form-page input{border:1px solid #cdd6fc!important;border-radius:3px 0 0 3px!important;height:43px!important;min-width:300px;outline:none;padding:4px 10px!important}@media(max-width:767px){.form-page input{width:100%}}.MuiFormControlLabel-label{font-size:12px!important}.editor-icon{align-items:center;background-color:#393939;border-radius:3px;cursor:pointer;display:flex;height:30px;justify-content:center;padding:5px;width:30px}.export-button.MuiButton-contained:not(.Mui-disabled){background-color:#222226!important;color:#f4f4f5;padding:2px;width:100%}.export-button.MuiButton-contained:not(.Mui-disabled):hover{background-color:#151818!important}.dialog__footer-buttons{display:flex;gap:10px;padding:15px}.dialog__footer-buttons button{width:50%}.button-gray.MuiButton-contained:not(.Mui-disabled){background-color:#222226!important}.button-gray.MuiButton-contained:not(.Mui-disabled):hover{background-color:#151818!important}.dialog__footer-import{margin-top:15px;padding:0 15px}.dialog__footer-textarea{background-color:#151818;border:none;border-radius:8px;color:#fff;outline:none;padding:15px;resize:none;width:100%}.dialog__footer-textarea::-webkit-scrollbar{width:8px}.dialog__footer-textarea::-webkit-scrollbar-track{background:#222226;border-radius:0 5px 5px 0}.dialog__footer-textarea::-webkit-scrollbar-thumb{background:#555;border-radius:5px}.dialog__footer-textarea::-webkit-scrollbar-thumb:hover{background:#555}.list-limited{max-height:160px;overflow-y:scroll}.list-limited::-webkit-scrollbar{width:8px}.list-limited::-webkit-scrollbar-track{background:#222226;border-radius:0 5px 5px 0}.list-limited::-webkit-scrollbar-thumb{background:#555;border-radius:5px}.list-limited::-webkit-scrollbar-thumb:hover{background:#555}.timeline-item{align-items:center;display:flex;justify-content:space-between;width:100%}.MuiListItem-root{padding:11px 16px!important;position:relative}.MuiListItem-root:after{background-color:#222226;content:"";display:block;height:1px;left:15px;position:absolute;top:0;width:calc(100% - 30px)}.MuiListItem-root:first-child:after,.MuiListItem-root:hover+.MuiListItem-root:after{display:none}.timeline-item__icon{align-items:center;border-radius:3px;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;line-height:0;position:absolute;right:16px;width:30px}.timeline-item__icon:hover{background-color:#1f1f23}.popover-list{background-color:#222226;color:#f4f4f5;font-size:13px;padding:5px 0}.context-menu__item,.popover-list__item{align-items:center;cursor:pointer;display:flex;gap:8px;padding:5px 10px}.context-menu__item:hover,.popover-list__item:hover{background-color:#1f1f23}.context-menu{background-color:#222226;border-radius:3px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;color:#f4f4f5;font-size:13px;padding:5px 0;position:fixed}.body-editor .MuiPopover-paper{background-color:#1f1f23!important;background-image:none!important}.body-editor .MuiPopover-root{z-index:9999999}.Mui-selected{background-color:#222226!important}.litemove-invisible{opacity:0;pointer-events:none;visibility:hidden}.editor-iframe-wrapper{height:100%;position:relative;width:100%}.scrollTrigger-markers{font-size:12px;padding:10px 30px;pointer-events:none;position:absolute;text-align:right;width:100%;z-index:9}.scrollTrigger-markers.scrollTrigger-markers--end{color:red}.scrollTrigger-markers.scrollTrigger-markers--start{color:green}@keyframes moveUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.steps__item{margin-bottom:20px}.steps__item-title{align-items:center;display:flex;font-size:16px;font-weight:700;margin-bottom:10px}.steps__item-title-number{align-items:center;background-color:#3364e3;border-radius:3px;color:#fff;display:flex;height:30px;justify-content:center;width:30px}.steps__item-title-text{margin-left:10px}.steps__item-desc{padding-left:40px}.steps__item-desc a{color:#3364e3}.require-notices{background-color:#222226;border:2px solid #3364e3;border-radius:8px;display:block;margin-bottom:20px;padding:10px 10px 0}.require-notices a:hover{text-decoration:underline}.require-notices ul{list-style:none;margin:7px 0 10px;padding-left:10px}.require-notices ul li{margin-bottom:5px}.require-notices ul li:last-child{margin-bottom:0}.require-notices ul li:before{content:"-";display:inline-block;margin-left:-1em;width:1em}input,textarea{font-family:Inter,sans-serif!important}button{cursor:pointer}.uibrainx-forgot-password{justify-content:flex-end;margin-bottom:20px}.pages{grid-gap:20px;display:grid;grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){.pages{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.pages{grid-template-columns:repeat(1,1fr)}}.pages__item-image{background-position:top;background-repeat:no-repeat;background-size:cover;border:1px solid #cdd6fc;border-radius:8px 8px 0 0;overflow:hidden;padding-top:50%;position:relative;width:100%}.pages__item-image:after{background-color:#323549e6;bottom:0;content:"";display:block;left:0;opacity:0;position:absolute;top:0;width:100%}.pages__item.fetching .pages__item-image:after,.pages__item:hover .pages__item-image:after{opacity:1}.pages__item-center{align-items:center;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;visibility:hidden;z-index:1}.pages__item.fetching .pages__item-center,.pages__item:hover .pages__item-center{opacity:1;visibility:visible}.pages__item.fetching .pages__item-center button{display:none}.pages__item-name{border:1px solid #cdd6fc;border-radius:0 0 8px 8px;border-top:none;padding:10px}.pages__item-name input{border:1px solid #0000;font-size:16px;font-weight:600;outline:none;text-align:left;width:100%}.pages__item-name input:hover{border:1px solid #cdd6fc}.pages__item-status{color:#fff;display:none}.pages__item.fetching .pages__item-status{display:block}.pages__item-tools{opacity:0;visibility:hidden;z-index:2}.pages__item:hover .pages__item-tools{opacity:1;visibility:visible}.pages__item-tools path{fill:#fff}.chat-preview{background-color:#161616;display:flex;height:calc(100vh - 90px);padding-right:20px;transition:all .3s ease;width:100%}@media(max-width:1024px){.chat-preview{flex-direction:column;height:auto;padding:0 20px}}.chat-preview.expanded{padding:0}.chat-preview.expanded .chat-preview__chat{display:none}.chat-preview.expanded .chat-preview__preview{border:none;border-radius:0;height:100vh;width:100vw}.chat-preview__chat{background-color:#161616;display:flex;flex-direction:column;padding:0 20px;width:30%}@media(max-width:1024px){.chat-preview__chat{height:800px;margin-bottom:20px;padding:0;width:100%}}.chat-preview__chat:has(.chat-preview__history--collapsed):not(.chat-preview__chat--show-url-actions) .chat-preview__chat-editor{flex:1 0 auto;height:auto}.chat-preview__chat:has(.chat-preview__history--collapsed):not(.chat-preview__chat--show-url-actions) .chat-preview__form{flex:0 0 auto}.chat-preview__chat--history-collapsed:not(.chat-preview__chat--show-url-actions) .chat-preview__chat-editor{flex:1 0 auto;height:auto}.chat-preview__chat--history-collapsed:not(.chat-preview__chat--show-url-actions) .chat-preview__form{flex:0 0 auto}.chat-preview__chat--show-url-actions .chat-preview__chat-editor{height:auto}.chat-preview__chat--show-url-actions .chat-preview__form{flex:1 0 auto}.chat-preview__messages-section{background-color:#1e1e1e;border:1px solid #3f3f45;border-radius:8px;display:flex;flex-direction:column;height:50%;margin-bottom:20px;overflow:hidden}.chat-preview__messages-header{background-color:#242424;border-bottom:1px solid #3f3f45;padding:12px}.chat-preview__messages-header h4{color:#fff;font-size:14px;font-weight:500;margin:0}.chat-preview__messages{flex:1 1;overflow-y:auto;padding:12px;scroll-behavior:smooth;scrollbar-color:#fff3 #0000;scrollbar-width:thin}.chat-preview__messages::-webkit-scrollbar{width:6px}.chat-preview__messages::-webkit-scrollbar-track{background:#0000}.chat-preview__messages::-webkit-scrollbar-thumb{background-color:#fff3;border:none;border-radius:3px}.chat-preview__messages::-webkit-scrollbar-thumb:hover{background-color:#fff6}.chat-preview__chat-editor{border:1px solid #3f3f45;border-radius:8px;display:flex;flex-direction:column;height:50%;margin-bottom:20px;overflow:hidden}.chat-preview__chat--show-class-form .chat-preview__chat-editor{height:auto!important}.chat-preview__form-container{display:flex;flex-direction:column;height:50%}.chat-preview__form{background-color:#1e1e1e;border:1px solid #3f3f45;border-radius:8px;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;overflow-y:auto;position:relative}.chat-preview__chat--show-class-form .chat-preview__form{flex:none}.chat-preview__loading{align-items:center;display:flex;justify-content:center;padding:4px 0}.chat-preview__loading-dots{align-items:center;display:flex;gap:4px}.chat-preview__loading-dots span{animation:bounce 1.4s ease-in-out infinite both;background-color:#fff;border-radius:50%;display:inline-block;height:6px;opacity:.7;width:6px}.chat-preview__loading-dots span:first-child{animation-delay:-.32s}.chat-preview__loading-dots span:nth-child(2){animation-delay:-.16s}.chat-preview__message{border-radius:8px;margin:10px 0;padding:10px;white-space:pre-wrap}.chat-preview__message:first-child{margin-top:0}.chat-preview__message--user{background-color:#242424;color:#fff;margin-left:20px}.chat-preview__message--ai{background-color:#242424;color:#fff;margin-right:20px}.chat-preview__message-content{word-wrap:break-word;line-height:1.5;white-space:pre-wrap}.chat-preview__message-images{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.chat-preview__message-image{border-radius:6px;max-height:150px;max-width:200px;object-fit:cover}.chat-preview__history{display:flex;flex-direction:column;height:100%;overflow-y:auto}.chat-preview__history--collapsed{max-height:60px}.chat-preview__history-header{align-items:center;display:flex;justify-content:space-between;padding:12px}.chat-preview__history-header h4{color:#fff;flex:1 1;font-size:14px;font-weight:500;margin:0}.chat-preview__history-search-clear{align-items:center;background:none;border:none;border-radius:50%;color:#7c7f8a;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.chat-preview__history-search-clear:hover{background-color:#ffffff1a;color:#fff}.chat-preview__history-messages{flex:1 1;max-height:300px;overflow-y:auto;padding:12px;scrollbar-color:#fff3 #0000;scrollbar-width:thin}.chat-preview__history-messages::-webkit-scrollbar{width:6px}.chat-preview__history-messages::-webkit-scrollbar-track{background:#0000}.chat-preview__history-messages::-webkit-scrollbar-thumb{background-color:#fff3;border:none;border-radius:3px}.chat-preview__history-messages::-webkit-scrollbar-thumb:hover{background-color:#fff6}.chat-preview__history-message{border-radius:6px;margin-bottom:8px;padding:10px}.chat-preview__history-message:last-child{margin-bottom:0}.chat-preview__history-message--user{background-color:#2b2f30;color:#fff;margin-left:auto;margin-right:0;max-width:80%}.chat-preview__history-message--ai{background-color:#2b2f30;color:#fff;margin-left:0;margin-right:auto;max-width:85%}.chat-preview__history-message-type{align-items:center;color:#9ca3af;display:flex;font-size:12px;font-weight:500;gap:6px;margin-bottom:6px}.chat-preview__history-message-type:before{border-radius:50%;content:"";flex-shrink:0;height:8px;width:8px}.chat-preview__history-message--user .chat-preview__history-message-type{color:#fffc;justify-content:flex-end}.chat-preview__history-message--user .chat-preview__history-message-type:before{background-color:#60a5fa}.chat-preview__history-message--ai .chat-preview__history-message-type:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNDk2LjAwNyAyMzMuNzI5LTExOC4yMjYtNDAuMDQxYy0yNy45NTgtOS40NzctNDkuOTkyLTMxLjUxMS01OS40NjktNTkuNDY5TDI3OC4yNzEgMTUuOTkzYy03LjEwOC0xNi41MjYtNDcuNDM0LTE2LjUyNi00NC41NDIgMGwtNDAuMDQxIDExOC4yMjZjLTkuNDc3IDI3Ljk1OC0zMS41MTEgNDkuOTkyLTU5LjQ2OSA1OS40NjlMMTUuOTkzIDIzMy43MjljLTIxLjMyNCA3LjEwOC0yMS4zMjQgMzcuNDM0IDAgNDQuNTQybDExOC4yMjYgNDAuMDQxYzI3Ljk1OCA5LjQ3NyA0OS45OTIgMzEuNTExIDU5LjQ2OSA1OS40NjlsNDAuMDQxIDExOC4yMjZjNy4xMDggMjEuMzI0IDM3LjQzNCAyMS4zMjQgNDQuNTQyIDBsNDAuMDQxLTExOC4yMjZjOS40NzctMjcuOTU4IDMxLjUxMS00OS45OTIgNTkuNDY5LTU5LjQ2OWw3OC4yMjYtNDAuMDQxYzYxLjMyNC03LjEwOCA2MS4zMjQtMzcuNDM0IDQwLTQ0LjU0MloiIGZpbGw9InVybCgjYSkiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImEiIHgxPSIyNTYiIHkxPSIwIiB4Mj0iMjU2IiB5Mj0iNTEyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iIzkwMzFGMCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZFRDNBOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==);background-size:contain;height:10px;width:10px}.chat-preview__history-message-content{word-wrap:break-word;color:#fff;font-size:13px;line-height:1.4;white-space:pre-wrap}.chat-preview__ai-message-explanation{border-bottom:1px solid #ffffff1a;margin-bottom:8px;padding-bottom:8px}.chat-preview__ai-message-explanation .ai-section-title{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.chat-preview__ai-message-explanation .ai-section-content{color:#e5e7eb;font-size:13px;line-height:1.4}.chat-preview__ai-message-action .ai-section-title{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.chat-preview__ai-message-action .ai-section-content{color:#e5e7eb;font-size:13px;line-height:1.4}.chat-preview__history-message-images{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chat-preview__history-message-image{border-radius:4px;max-height:150px;max-width:200px;object-fit:cover}.chat-preview__history-message-html{border-top:1px solid #ffffff1a;margin-top:10px;padding-top:10px}.chat-preview__history-message-html-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.chat-preview__history-message-html-header span{color:#a0a0a0;font-size:12px}.chat-preview__history-message-html-button{align-items:center;background-color:#3364e3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:4px 8px;transition:background-color .2s}.chat-preview__history-message-html-button span{color:#fff}.chat-preview__history-message-html-button:hover{background-color:#2a56c9}.chat-preview__history-message-html-button:active{transform:scale(.98)}.chat-preview__history-no-results{color:#7c7f8a;font-size:13px;padding:16px;text-align:center}.chat-preview__history-loading{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:24px}.chat-preview__history-loading span{color:#7c7f8a;font-size:13px}.chat-preview__input-wrapper{border-top:1px solid #3f3f45;display:flex;flex-direction:column;position:relative}.chat-preview__chat--show-class-form .chat-preview__input-wrapper{border-top:none}.chat-preview__input{background-color:#0000;border:none;border-radius:0;color:#fff;font-family:inherit;font-size:14px;line-height:1.5;min-height:20px;overflow-y:auto;padding:12px;scrollbar-color:#fff3 #0000;scrollbar-width:thin;width:100%}.chat-preview__input::-webkit-scrollbar{width:6px}.chat-preview__input::-webkit-scrollbar-track{background:#0000}.chat-preview__input::-webkit-scrollbar-thumb{background-color:#fff3;border:none;border-radius:3px}.chat-preview__input::-webkit-scrollbar-thumb:hover{background-color:#fff6}.chat-preview__input:focus{box-shadow:none;outline:none}.chat-preview__input::placeholder{color:#999}.chat-preview__input:disabled{cursor:not-allowed}.chat-preview__upload-preview-container{background-color:#0000;border-radius:8px;margin-bottom:12px;transition:all .3s ease}.chat-preview__upload-preview{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}.chat-preview__upload-image-container{border-radius:4px;box-shadow:0 4px 12px #0000001a;height:50px;overflow:hidden;position:relative;width:50px}.chat-preview__upload-image{background-color:#121212;height:100%;object-fit:cover;width:100%}.chat-preview__remove-image{align-items:center;background-color:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;line-height:1;padding:0;position:absolute;right:4px;top:4px;width:20px}.chat-preview__remove-image:hover{background-color:#000c}.chat-preview__actions{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:8px;padding:0 12px 12px}.chat-preview__actions-left{align-items:center;color:#aaa;display:flex;font-size:10px;gap:8px}.chat-preview__action-button{border-radius:4px!important;color:#aaa!important;font-size:.8rem!important;padding:6px!important;transition:all .2s ease}.chat-preview__action-button:hover{color:#fff!important}.chat-preview__action-button:disabled{cursor:not-allowed;opacity:.5}.chat-preview__action-button.active{color:#3364e3!important}.chat-preview__send-button{align-items:center;border-radius:4px!important;color:#fff!important;display:flex;height:30px!important;justify-content:center;min-width:30px!important;padding:6px!important}.chat-preview__send-button:hover{background-color:#3364e3!important}.chat-preview__send-button:disabled{cursor:not-allowed;opacity:.5}.chat-preview__preview{border:1px solid #3f3f45;border-radius:8px;display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease}@media(max-width:1024px){.chat-preview__preview{flex:none;height:800px}}.chat-preview.expanded .chat-preview__preview-header{background-color:#1e1e1ef2;bottom:0;left:0;padding:8px 16px;position:fixed;right:0;z-index:1001}.chat-preview__preview-header{align-items:center;background-color:#1e1e1e;border-bottom:1px solid #333;display:flex;gap:16px;justify-content:space-between;padding:4px;transition:all .3s ease;z-index:50}.chat-preview__preview-header-left{width:70px}.chat-preview__preview-header-center{align-items:center;display:flex;gap:16px}.chat-preview__preview-header-right{width:70px}.chat-preview__preview-header-right .MuiButtonBase-root{font-size:12px!important;height:30px}.chat-preview__preview-button{align-items:center;background-color:#0000;border:none;color:#999;cursor:pointer;display:inline-flex;height:30px;justify-content:center;line-height:1;padding:4px 8px;transition:color .2s ease;width:34px}.chat-preview__preview-button:hover{color:#fff}.chat-preview__iframe{background-color:#fff;border:none;box-shadow:none;height:100%;position:relative;transition:all .3s ease;width:100%}.chat-preview__iframe--mobile{margin:0 auto;width:375px}.chat-preview__iframe--expanded{border-radius:0;height:100vh;left:0;padding-bottom:47px;position:fixed;top:0;width:100vw;z-index:1000}.chat-preview__loading-icon{animation:pulse 2s infinite;color:#666;height:24px;width:24px}.chat-preview__status-indicator{animation:fadeIn .3s ease-in;background-color:#000000b3;border-radius:4px;color:#fff;font-size:12px;padding:3px 8px;position:absolute;right:10px;top:-24px;z-index:10}.chat-preview.expanded .mobile-view-toggle{display:none}@keyframes bounce{0%,80%,to{opacity:.3;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.code-editor{display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.project--saving .code-editor{opacity:.5}.code-editor__loading{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.code-editor__loading-spinner{margin-bottom:16px}.code-editor__loading-text{color:#fff;font-size:16px}.code-editor__stop-button{align-items:center;background-color:#3f3f45;border:none;border-radius:4px;bottom:16px;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:6px 12px 6px 8px;position:absolute;right:16px;transition:all .2s ease;z-index:5}.code-editor__stop-button:hover{transform:scale(1.05)}.code-editor__stop-button:active{transform:scale(.98)}.code-editor__buttons{align-items:center;bottom:16px;display:flex;gap:8px;position:absolute;right:16px;z-index:9999}.code-editor__button--discard{background-color:#3f3f45}.code-editor__button--discard,.code-editor__button--save{border:none;border-radius:4px;color:#fff;padding:6px 12px}.code-editor__button--save{background-color:#3364e3}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}.page-tabs{background-color:#1e1e1e;border-bottom:1px solid #333;position:relative}.page-tabs,.page-tabs__list{align-items:center;display:flex}.page-tabs__list{flex:1 1;max-width:100%;overflow-x:auto;scroll-behavior:smooth;scrollbar-color:#fff3 #0000;scrollbar-width:thin}.page-tabs__list::-webkit-scrollbar{height:4px}.page-tabs__list::-webkit-scrollbar-track{background:#0000}.page-tabs__list::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:3px}.page-tabs__list::-webkit-scrollbar-thumb:hover{background-color:#fff6}.page-tabs__back{align-items:center;background-color:#1a1a1a;border:none;border-right:1px solid #333;color:#b8b8b8;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:100%;justify-content:center;padding:9px 0;width:40px}.page-tabs__back:hover{background-color:#2a2a2b;color:#fff}.page-tabs__item{align-items:center;background-color:#252526;border-bottom:2px solid #0000;border-right:1px solid #333;color:#aaa;cursor:pointer;display:flex;justify-content:space-between;max-width:200px;min-width:120px;padding:8px 16px;position:relative;-webkit-user-select:none;user-select:none;white-space:nowrap}.page-tabs__item:hover{background-color:#2a2a2b;color:#ddd}.page-tabs__item:hover .page-tabs__menu-button{opacity:1}.page-tabs__item--active{background-color:#1e1e1e;border-bottom:2px solid #3364e3;color:#fff}.page-tabs__item--active .page-tabs__menu-button{opacity:1}.page-tabs__name{overflow:hidden;text-overflow:ellipsis}.page-tabs__name,.page-tabs__name-input{flex-grow:1;font-size:14px;margin-right:8px}.page-tabs__name-input{background:#0000;border:1px solid #ffffff1a;border-radius:3px;color:#fff;padding:2px 5px;width:calc(100% - 30px)}.page-tabs__name-input:focus{border-color:#4f46e5;outline:none}.page-tabs__menu{flex-shrink:0;position:relative}.page-tabs__menu-button{align-items:center;background:none;border:none;border-radius:3px;color:#aaa;cursor:pointer;display:flex;height:20px;justify-content:center;opacity:0;padding:2px;transition:opacity .2s ease;width:20px}.page-tabs__menu-button:hover{background-color:#3a3a3c;color:#fff}.page-tabs__menu-button:disabled{cursor:not-allowed;opacity:.5}.page-tabs__menu-button:disabled:hover{background-color:#0000;color:#aaa}.page-tabs__add{align-items:center;background:none;border:none;color:#aaa;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px 16px 8px 12px}.page-tabs__add:hover{background-color:#2a2a2b;color:#fff}.page-tabs__add:disabled{cursor:not-allowed;opacity:.5}.page-tabs__add:disabled:hover{background-color:#0000;color:#aaa}.page-actions-popover{background-color:#252526!important;border:1px solid #333;border-radius:4px;box-shadow:0 4px 12px #0000004d;margin-top:4px}.page-actions-popover .page-actions-menu{min-width:150px;overflow:hidden}.page-actions-popover .page-actions-item{align-items:center;background:none;border:none;color:#ddd;cursor:pointer;display:flex;font-size:13px;padding:8px 12px;text-align:left;transition:background-color .2s ease;width:100%}.page-actions-popover .page-actions-item:hover{background-color:#3a3a3c}.page-actions-popover .page-actions-item span{margin-left:8px}.page-actions-popover .page-actions-item:not(:last-child){border-bottom:1px solid #ffffff0d}.page-actions-popover .page-actions-item-content{display:flex;flex:1 1;flex-direction:column;margin-left:8px}.page-actions-popover .page-actions-item-content span{margin-left:0}.page-actions-popover .page-actions-item-description{color:#999;font-size:11px;margin-top:2px}.url-actions-container{display:flex;flex-wrap:wrap;font-size:12px;gap:8px;max-height:137px;overflow-y:auto;padding:10px;scrollbar-color:#fff3 #0000;scrollbar-width:thin}.url-actions-container::-webkit-scrollbar{width:6px}.url-actions-container::-webkit-scrollbar-track{background:#0000}.url-actions-container::-webkit-scrollbar-thumb{background-color:#fff3;border:none;border-radius:3px}.url-actions-container::-webkit-scrollbar-thumb:hover{background-color:#fff6}.url-actions-card{border:1px solid #3f3f45;border-radius:4px;overflow:hidden;width:calc(50% - 4px)}.url-actions-header{align-items:center;border-bottom:1px solid #3f3f45;display:flex;gap:4px;padding:2px 4px}.url-actions-icon{align-items:center;background-color:#0000;border-radius:50%;color:#7d8590;display:flex;height:24px;justify-content:center;width:24px}.url-actions-domain{color:#fff;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.url-actions-buttons{display:flex;flex-wrap:wrap;padding:0}.url-actions-button{align-items:center;background-color:#0000;border:none;border-right:1px solid #2a2d3a;color:#ddd;cursor:pointer;display:flex;font-weight:500;gap:4px;justify-content:center;padding:8px 4px;transition:background-color .2s ease}.url-actions-button:first-child,.url-actions-button:nth-child(2){border-bottom:1px solid #2a2d3a;flex:0 0 50%}.url-actions-button:nth-child(3){border-right:none;flex:0 0 100%}.url-actions-button:nth-child(2){border-right:none}.url-actions-button:hover:not(:disabled){background-color:#252936}.url-actions-button:disabled{cursor:not-allowed;opacity:.6}.url-actions-button--selected{background-color:#373737}.url-actions-button-checked,.url-actions-button-loading{align-items:center;display:flex;justify-content:center}.url-actions-button svg{height:12px;width:12px}.url-actions-button span{font-size:11px}.url-actions-promo{align-items:center;border:1px solid #3f3f45;border-radius:4px;color:#ddd;display:flex;gap:12px;line-height:1.4;padding:10px 12px}.url-actions-promo-content{flex:1 1}.url-actions-promo a{font-weight:600;padding:0 2px;position:relative;text-decoration:none;transition:all .2s ease}.color-palette-popover{background-color:#1d2029!important;border:1px solid #2a2d3a;border-radius:8px;box-shadow:0 4px 12px #0000004d;margin-top:10px}.color-palette-container{max-height:500px;overflow-y:auto;padding:10px;scrollbar-color:#fff3 #0000;scrollbar-width:thin;width:420px}.color-palette-container::-webkit-scrollbar{width:6px}.color-palette-container::-webkit-scrollbar-track{background:#0000}.color-palette-container::-webkit-scrollbar-thumb{background-color:#fff3;border:none;border-radius:3px}.color-palette-container::-webkit-scrollbar-thumb:hover{background-color:#fff6}.color-palette-header{background-color:#222226;margin-bottom:12px;padding:8px 10px;position:sticky;top:0;z-index:1}.color-palette-header h4{color:#fff;font-size:14px;font-weight:500;margin:0 0 8px}.color-palette-search{margin-top:8px;position:relative}.color-palette-search input{background-color:#1f1f23;border:1px solid #3f3f45;border-radius:6px;color:#fff;font-size:12px;padding:8px 30px 8px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.color-palette-search input:focus{border-color:#3364e3;box-shadow:0 0 0 2px #3364e333;outline:none}.color-palette-search input::placeholder{color:#7c7f8a}.color-palette-search-clear{align-items:center;background:none;border:none;border-radius:50%;color:#7c7f8a;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.color-palette-search-clear:hover{background-color:#ffffff1a;color:#fff}.color-palette-no-results{color:#7c7f8a;font-size:13px;grid-column:1/-1;padding:16px;text-align:center}.color-palette-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.color-palette-item{border-radius:6px;cursor:pointer;padding:8px 10px;transition:background-color .2s}.color-palette-item:hover{background-color:#1f1f23}.color-palette-name{color:#ddd;font-size:12px;font-weight:500;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-palette-colors{display:flex;gap:4px}.color-palette-color{border-radius:3px;box-shadow:0 1px 3px #0003;height:20px;width:20px}.chat-preview__actions-right{align-items:center;display:flex;gap:8px}.font-selector-popover{background-color:#1d2029!important;border:1px solid #2a2d3a;border-radius:8px;box-shadow:0 4px 12px #0000004d;margin-top:10px}.font-selector-container{max-height:450px;max-width:380px;min-width:320px;overflow-y:auto;padding:10px;scrollbar-color:#fff3 #0000;scrollbar-width:thin}.font-selector-container::-webkit-scrollbar{width:6px}.font-selector-container::-webkit-scrollbar-track{background:#0000}.font-selector-container::-webkit-scrollbar-thumb{background-color:#fff3;border:none;border-radius:3px}.font-selector-container::-webkit-scrollbar-thumb:hover{background-color:#fff6}.font-selector-header{background-color:#222226;margin-bottom:12px;padding:8px 10px;position:sticky;top:0;z-index:1}.font-selector-header h4{color:#fff;font-size:14px;font-weight:500;margin:0 0 8px}.font-selector-search{margin-top:8px;position:relative}.font-selector-search input{background-color:#1f1f23;border:1px solid #3f3f45;border-radius:6px;color:#fff;font-size:12px;padding:8px 30px 8px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.font-selector-search input:focus{border-color:#3364e3;box-shadow:0 0 0 2px #3364e333;outline:none}.font-selector-search input::placeholder{color:#7c7f8a}.font-selector-search-clear{align-items:center;background:none;border:none;border-radius:50%;color:#7c7f8a;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.font-selector-search-clear:hover{background-color:#ffffff1a;color:#fff}.font-search-results{margin-bottom:16px}.font-no-results{color:#7c7f8a;font-size:13px;padding:16px;text-align:center}.font-category{margin-bottom:16px}.font-category:last-child{margin-bottom:0}.font-category-name{color:#aaa;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;padding:0 10px;text-transform:uppercase}.font-list{display:flex;flex-direction:column;gap:4px}.font-item{border-radius:6px;cursor:pointer;padding:10px;transition:background-color .2s}.font-item:hover{background-color:#1f1f23}.font-preview{color:#fff;font-size:16px;line-height:1.3}.history-popover{background-color:#1d2029!important;border:1px solid #2a2d3a;border-radius:8px;box-shadow:0 4px 12px #0000004d;margin-top:10px}.history-container{max-height:500px;overflow-y:auto;padding:10px;scrollbar-color:#fff3 #0000;scrollbar-width:thin;width:420px}.history-container::-webkit-scrollbar{width:6px}.history-container::-webkit-scrollbar-track{background:#0000}.history-container::-webkit-scrollbar-thumb{background-color:#fff3;border:none;border-radius:3px}.history-container::-webkit-scrollbar-thumb:hover{background-color:#fff6}.history-header{background-color:#222226;margin-bottom:12px;padding:8px 10px;position:sticky;top:0;z-index:1}.history-header h4{color:#fff;font-size:14px;font-weight:500;margin:0 0 8px}.history-search{margin-top:8px;position:relative}.history-search input{background-color:#1f1f23;border:1px solid #3f3f45;border-radius:6px;color:#fff;font-size:12px;padding:8px 30px 8px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.history-search input:focus{border-color:#3364e3;box-shadow:0 0 0 2px #3364e333;outline:none}.history-search input::placeholder{color:#7c7f8a}.history-search-clear{align-items:center;background:none;border:none;border-radius:50%;color:#7c7f8a;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.history-search-clear:hover{background-color:#ffffff1a;color:#fff}.history-messages{display:flex;flex-direction:column;gap:8px;padding:0 10px 10px}.history-message{border:1px solid #3f3f45;border-radius:6px;padding:10px}.history-message,.history-message--ai,.history-message--user{background-color:#1f1f23}.history-message-content{word-wrap:break-word;color:#fff;font-size:13px;line-height:1.4;white-space:pre-wrap}.history-message-images{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.history-message-image{border-radius:4px;max-height:150px;max-width:200px;object-fit:cover}.history-message-html{border-top:1px solid #ffffff1a;margin-top:10px;padding-top:10px}.history-message-html-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.history-message-html-header span{color:#a0a0a0;font-size:12px}.history-message-html-button{align-items:center;background-color:#3364e3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:4px 8px;transition:background-color .2s}.history-message-html-button span{color:#fff}.history-message-html-button:hover{background-color:#2a56c9}.history-message-html-button:active{transform:scale(.98)}.history-no-results{color:#7c7f8a;font-size:13px;padding:16px;text-align:center}.history-loading{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:24px}.history-loading span{color:#7c7f8a;font-size:13px}.history-message-type{color:#7c7f8a;font-size:12px;font-weight:500;margin-bottom:4px}.chat-preview__history-button{align-items:center;background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:background-color .2s}.chat-preview__history-button:hover{background-color:#ffffff1a}.chat-preview__history-button:disabled{cursor:not-allowed;opacity:.5}.templates-popover{border-radius:8px;left:50%!important;max-height:80vh!important;max-width:800px!important;overflow:hidden;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;width:90vw}.templates-container{background-color:#1f1f23;color:#fff;display:flex;flex-direction:column;height:100%;max-height:80vh;overflow:hidden;padding:0;width:100%}.templates-header{align-items:center;background-color:#1f1f23;border-bottom:1px solid #3f3f45;box-shadow:0 2px 8px #00000026;display:flex;justify-content:space-between;padding:15px 20px;position:sticky;top:0;z-index:10}.templates-header h4{color:#fff;font-size:18px;font-weight:600;margin:0}.templates-search{position:relative;width:250px}.templates-search input{background-color:#151818;border:1px solid #2a2d3a;border-radius:4px;color:#fff;font-size:14px;outline:none;padding:8px 12px;width:100%}.templates-search input:focus{border-color:#3f51b5;box-shadow:0 0 0 2px #3f51b533}.templates-search input::placeholder{color:#7c7f8a}.templates-search .templates-search-clear{background:none;border:none;color:#7c7f8a;cursor:pointer;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.templates-search .templates-search-clear:hover{color:#fff}.templates-content{flex:1 1;overflow-y:auto;padding:20px;scroll-behavior:smooth;scrollbar-color:#ffffff4d #0003;scrollbar-width:thin}.templates-content::-webkit-scrollbar{width:8px}.templates-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.templates-content::-webkit-scrollbar-thumb{background-color:#ffffff4d;border:none;border-radius:4px}.templates-content::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.templates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding-bottom:20px}.template-item{background-color:#222226;border:1px solid #3f3f45;border-radius:8px;cursor:pointer;overflow:hidden;transform:translateZ(0);transition:all .3s ease}.template-item:hover{border-color:#ffffff4d;box-shadow:0 4px 15px #0006;transform:translateY(-3px)}.template-image{background-color:#222226;height:150px;overflow:hidden;position:relative;width:100%}.template-image img{height:100%;object-fit:cover;object-position:top;width:100%}.template-info{padding:12px}.template-name{color:#fff;font-size:16px;font-weight:600;margin:0 0 5px}.template-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#b0b3bc;display:-webkit-box;font-size:13px;margin:0 0 8px;overflow:hidden}.template-tags{display:flex;flex-wrap:wrap;gap:5px}.template-tag{background-color:#2b2f30;border-radius:12px;font-size:11px;padding:2px 6px}.templates-loading{align-items:center;display:flex;flex-direction:column;gap:15px;height:300px;justify-content:center}.templates-loading span{color:#fffc;font-size:16px;letter-spacing:.5px;margin-top:10px}.templates-loading .MuiCircularProgress-root{animation:pulse 1.5s infinite alternate}@keyframes pulse{0%{opacity:.7;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.templates-empty{font-size:16px;height:300px;text-align:center}.project-welcome,.templates-empty{align-items:center;display:flex;justify-content:center}.project-welcome{height:calc(100vh - 90px);padding:20px;position:relative;width:100%;z-index:10}.project-welcome__content{background-color:#222226;border-radius:12px;max-width:800px;padding:40px;text-align:center;width:100%}.project-welcome__header{margin-bottom:40px}.project-welcome__header h1{color:#fff;font-size:24px;font-weight:600;margin-bottom:8px}.project-welcome__header p{font-size:16px}.project-welcome__options{display:flex;gap:24px}@media(max-width:768px){.project-welcome__options{flex-direction:column}}.project-welcome__option{background-color:#222226;border:1px solid #3f3f45;border-radius:8px;cursor:pointer;flex:1 1;padding:30px 20px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.project-welcome__option:hover{box-shadow:0 6px 20px #0006}.project-welcome__option-icon{color:#3364e3;margin-bottom:16px}.project-welcome__option-content h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:8px}.project-welcome__option-content p{font-size:14px;line-height:1.4}.element-class-form-container{background-color:#1e1e1e;border:1px solid #3f3f45;border-radius:8px;box-sizing:border-box;color:#fff;margin-bottom:20px;max-width:100%;padding:0;position:relative;width:100%}.element-class-form{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;max-width:100%}.element-class-form-header{align-items:center;border-bottom:1px solid #3f3f45;display:flex;justify-content:space-between;padding:10px 16px}.element-class-form-header h4{color:#fff;font-size:14px;font-weight:600;margin:0}.element-class-form-header .element-form-header-left{align-items:center;display:flex;gap:8px}.element-class-form-header .element-form-back-button{align-items:center;background:none;border:none;border-radius:4px;color:#aaa;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;width:24px}.element-class-form-header .element-form-back-button:hover{background-color:#ffffff1a;color:#fff}.element-class-form-header .element-form-back-button:disabled{cursor:not-allowed;opacity:.5}.element-class-form-header .element-form-header-actions{align-items:center;display:flex;gap:20px}.element-class-form-content{max-height:400px;overflow-y:auto;padding:16px;scrollbar-color:#fff3 #0000;scrollbar-width:thin}.element-class-form-content::-webkit-scrollbar{width:6px}.element-class-form-content::-webkit-scrollbar-track{background:#0000}.element-class-form-content::-webkit-scrollbar-thumb{background-color:#fff3;border:none;border-radius:3px}.element-class-form-content::-webkit-scrollbar-thumb:hover{background-color:#fff6}.element-class-form-content .element-property-group{display:flex;gap:12px;margin-bottom:16px}.element-class-form-content .element-property-group:last-child{margin-bottom:0}.element-class-form-content .element-property-group label{color:#fff;display:block;flex-shrink:0;font-size:14px;font-weight:500;min-width:80px;padding:8px 0}.element-class-form-content .element-property-group label.label-with-info{align-items:flex-start;display:flex;gap:4px}.element-class-form-content .element-property-group label.label-with-info .MuiIconButton-root{color:#aaa;margin-left:4px;margin-top:2px;padding:2px}.element-class-form-content .element-property-group label.label-with-info .MuiIconButton-root:hover{background-color:#ffffff1a;color:#fff}.element-class-form-content .element-property-group .property-help-text{color:#aaa;flex:1 1;font-size:13px;line-height:1.4;margin-top:4px}.element-class-form-content .element-property-group .property-inputs{display:flex;flex:1 1;gap:16px}.element-class-form-content .element-property-group .property-input-group{align-items:center;background-color:#242424;border-radius:6px;display:flex;flex:1 1;padding:8px 12px}.element-class-form-content .element-property-group .property-input-group:focus-within{box-shadow:0 0 0 2px #3364e34d}.element-class-form-content .element-property-group .property-input-group .property-input{background:#0000;border:none;color:#fff;font-size:14px;margin-left:8px;width:100%}.element-class-form-content .element-property-group .property-input-group .property-input:focus{outline:none}.element-class-form-content .element-property-group .property-select{align-items:center;background-color:#242424;border-radius:6px;cursor:pointer;display:flex;flex:1 1;justify-content:space-between;padding:8px 12px;position:relative}.element-class-form-content .element-property-group .property-select.property-select--color,.element-class-form-content .element-property-group .property-select.property-select--select{padding:0}.element-class-form-content .element-property-group .property-select:hover{background-color:#2a2a2a}.element-class-form-content .element-property-group .property-select .property-select-input{-webkit-appearance:none;appearance:none;background:#0000;border:none;color:#fff;cursor:pointer;font-size:14px;width:100%}.element-class-form-content .element-property-group .property-select .property-select-input:focus{outline:none}.element-class-form-content .element-property-group .property-select select{padding:8px 12px}.element-class-form-content .element-property-group .property-select.property-select--select svg{pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.element-class-form-content .element-property-group .color-selector{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;width:100%}.element-class-form-content .element-property-group .color-selector .color-indicator{border:1px solid #333;height:16px;width:16px}.element-class-form-content .element-property-group .color-selector span{color:#fff;font-size:14px}.element-class-form-content .element-property-group .alignment-buttons{display:flex;flex:1 1;gap:4px}.element-class-form-content .element-property-group .alignment-buttons .alignment-button{align-items:center;background-color:#242424;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:1 1;height:36px;justify-content:center;transition:background-color .2s}.element-class-form-content .element-property-group .alignment-buttons .alignment-button:hover{background-color:#2a2a2a}.element-class-form-content .element-property-group .alignment-buttons .alignment-button.active{background-color:#3364e3;color:#fff}.element-class-form-content .advanced-group .advanced-header{align-items:center;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px}.element-class-form-content .advanced-group .advanced-header:hover{color:#ccc}.element-class-form-content .advanced-group .advanced-header span{font-size:14px;font-weight:500}.element-class-form-content .content-input{background-color:#242424;border:none;border-radius:6px;color:#fff;font-size:14px;min-height:80px;padding:10px;resize:vertical;width:100%}.element-class-form-content .content-input:focus{box-shadow:0 0 0 2px #3364e34d;outline:none}.element-class-form-content .css-class-input{background-color:#242424;border:none;border-radius:6px;color:#fff;font-family:monospace;font-size:14px;min-height:80px;padding:10px;resize:vertical;width:100%}.element-class-form-content .css-class-input:focus{box-shadow:0 0 0 2px #3364e34d;outline:none}.element-class-form-actions{border-top:1px solid #3f3f45;display:flex;gap:8px;justify-content:flex-end;padding:12px 16px}.element-class-form-actions button{border-radius:4px;font-size:14px;font-weight:500;height:30px;min-width:80px;text-transform:none}.element-class-form-actions .discard-button{border-color:#3f3f45;color:#fff}.element-class-form-actions .discard-button:hover{background-color:#ffffff0a}.color-picker-container{background-color:#242424;border-radius:6px;overflow:hidden;width:360px}.color-tabs{border-bottom:1px solid #3f3f45;display:flex}.color-tab{cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px;text-align:center;transition:all .2s ease}.color-tab:hover{background-color:#2a2a2a}.color-tab.color-tab-active{background-color:#1e1e1e;position:relative}.color-tab.color-tab-active:after{background-color:#3364e3;bottom:0;content:"";display:block;height:2px;left:0;position:absolute;right:0}.color-swatches{max-height:400px;overflow-y:auto;padding:16px;scrollbar-color:#fff3 #0000;scrollbar-width:thin}.color-swatches::-webkit-scrollbar{width:6px}.color-swatches::-webkit-scrollbar-track{background:#0000}.color-swatches::-webkit-scrollbar-thumb{background-color:#fff3;border:none;border-radius:3px}.color-category{margin-bottom:24px}.color-category h5{color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.swatch-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr)}.color-swatch-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;transition:transform .2s}.color-swatch-item:hover{transform:translateY(-2px)}.color-swatch-item .color-swatch{border:1px solid #ffffff1a;border-radius:4px;height:28px;margin-bottom:4px;transition:transform .2s,box-shadow .2s;width:28px}.color-swatch-item .color-swatch:hover{box-shadow:0 0 8px #0006;transform:scale(1.05)}.color-swatch-item .color-swatch-label{color:#aaa;font-size:10px}.custom-color-picker{padding:20px}.custom-color-inputs{align-items:center;display:flex;gap:12px;margin-bottom:16px}.color-picker-input{background:#0000;border:none;border-radius:4px;cursor:pointer;height:40px;width:80px}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border:none;border-radius:4px}.color-picker-hex{background-color:#1a1a1a;border:1px solid #3f3f45;border-radius:4px;color:#fff;flex:1 1;font-family:monospace;font-size:14px;height:40px;padding:0 12px}.color-picker-hex:focus{border-color:#3364e3;outline:none}.custom-color-actions{display:flex;justify-content:flex-end;margin-top:16px}.custom-color-apply{background-color:#3364e3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.custom-color-apply:hover{background-color:#1e54de}.color-swatch-row{display:flex;gap:8px;margin-bottom:8px}.color-swatch-row:last-child{margin-bottom:0}.color-swatch{border:1px solid #ffffff1a;border-radius:4px;cursor:pointer;height:36px;transition:transform .2s,box-shadow .2s;width:36px}.color-swatch:hover{box-shadow:0 0 8px #0003;transform:scale(1.1);z-index:1}.current-color{align-items:center;border-top:1px solid #3f3f45;display:flex;justify-content:space-between;margin-top:16px;padding-top:16px}.current-color .current-color-label{color:#aaa;font-size:13px}.current-color .current-color-value{background-color:#333;border-radius:4px;color:#fff;font-size:13px;font-weight:500;padding:4px 8px}.spacing-control{display:flex;gap:12px;width:100%}.spacing-control-item{display:flex;flex:1 1;flex-direction:column;gap:4px}.spacing-control-item label{color:#aaa;display:block;font-size:12px;min-width:auto;padding:0}.number-input-wrapper{background-color:#242424;border-radius:6px;display:flex;height:36px;overflow:hidden}.number-input-wrapper:focus-within{box-shadow:0 0 0 2px #3364e34d}.number-input-wrapper .number-input-btn{align-items:center;background-color:#1e1e1e;border:none;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.number-input-wrapper .number-input-btn:hover{background-color:#2a2a2a}.number-input-wrapper .number-input-btn:active{background-color:#333}.number-input-wrapper .number-input{background-color:#0000;border:none;color:#fff;flex:1 1;font-size:14px;height:100%;padding:0 4px;text-align:center}.number-input-wrapper .number-input:focus{outline:none}.streaming-sections{background-color:#1a1a1a;border:1px solid #ffffff1a;display:flex;flex-direction:column;height:100%;overflow:hidden}.streaming-section{border-bottom:1px solid #3f3f45;display:flex;flex:1 1;flex-direction:column;min-height:0}.streaming-section:last-child{border-bottom:none}.streaming-section--explanation .streaming-section__header,.streaming-section--replace .streaming-section__header,.streaming-section--search .streaming-section__header{background-color:#2b2f30}.streaming-section__header{align-items:center;background-color:#2b2f30;border-bottom:1px solid #3f3f45;display:flex;justify-content:space-between;padding:12px 16px}.streaming-section__title{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px}.streaming-section__title svg{opacity:.8}.streaming-section__status{align-items:center;display:flex}.streaming-section__status--complete{color:#3364e3}.streaming-section__status--streaming .streaming-dots{align-items:center;display:flex;gap:3px}.streaming-section__status--streaming .streaming-dot{animation:streamingPulse 1.4s ease-in-out infinite both;background-color:#3364e3;border-radius:50%;height:6px;width:6px}.streaming-section__status--streaming .streaming-dot:first-child{animation-delay:-.32s}.streaming-section__status--streaming .streaming-dot:nth-child(2){animation-delay:-.16s}.streaming-section__status--streaming .streaming-dot:nth-child(3){animation-delay:0s}.streaming-section__content{display:flex;flex:1 1;flex-direction:column;min-height:0;padding:0}.streaming-section__code{background-color:#2b2f30;border:none;color:#e6e6e6;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:10px;line-height:1.4;margin:0;min-height:0;overflow-x:auto;overflow-y:auto;padding:16px;white-space:pre-wrap;word-break:break-word}.streaming-section__code::-webkit-scrollbar{height:6px;width:6px}.streaming-section__code::-webkit-scrollbar-track{background-color:#ffffff0d}.streaming-section__code::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:3px}.streaming-section__code::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}@keyframes streamingPulse{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.chat-preview__iframe-container{display:flex;flex-direction:column;height:100%}.chat-preview__iframe-container--with-console .chat-preview__iframe{flex:1 1;height:calc(100% - 150px);min-height:0}.chat-preview__iframe-container--with-console--console-collapsed .chat-preview__iframe{height:calc(100% - 36px)}.chat-preview.expanded .chat-preview__iframe{height:100vh}.chat-preview__preview-button--active{background-color:#3364e31a;color:#3364e3}.console-window{background-color:#1f1f23;border-top:1px solid #3f3f45;display:flex;flex-direction:column;height:135px;transition:height .3s ease}.console-window--collapsed{height:36px}.console-window--collapsed .console-window__content{display:none}.console-window__header{align-items:center;background-color:#1f1f23;border-bottom:1px solid #3f3f45;display:flex;justify-content:space-between;min-height:36px;padding:8px 12px}.console-window__title{align-items:center;color:#fff;display:flex;font-size:12px;font-weight:500;gap:6px}.console-window__title svg{opacity:.8}.console-window__count{color:#888;font-size:11px;font-weight:400}.console-window__actions{display:flex;gap:4px}.console-window__action{align-items:center;background:none;border:none;border-radius:3px;color:#888;cursor:pointer;display:flex;justify-content:center;padding:4px}.console-window__action:hover{background-color:#ffffff1a;color:#fff}.console-window__content{flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;line-height:1.4;overflow-y:auto}.console-window__content::-webkit-scrollbar{width:6px}.console-window__content::-webkit-scrollbar-track{background-color:#ffffff0d}.console-window__content::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:3px}.console-window__content::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}.console-window__empty{color:#666;padding:20px;text-align:center}.console-log{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:8px;padding:6px 12px}.console-log:hover{background-color:#ffffff05}.console-log__icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.console-log__badge{border-radius:3px;flex-shrink:0;font-size:9px;font-weight:600;letter-spacing:.5px;min-width:40px;padding:2px 6px;text-align:center}.console-log__content{flex:1 1;min-width:0}.console-log__actions{flex-shrink:0}.console-log__fix-button{align-items:center;background-color:#3364e3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:10px;font-weight:500;gap:6px;padding:4px 8px;transition:all .2s ease}.console-log__fix-button:hover{background-color:#264fba}.console-log__fix-button:active{transform:translateY(0)}.console-log__fix-button span{font-size:10px;line-height:1}.console-log__fix-button svg{flex-shrink:0}.console-log__message{color:#e6e6e6;white-space:pre-wrap;word-break:break-word}.console-log__timestamp{color:#666;font-size:10px;margin-top:2px}.console-log--log{background-color:#8888880d;border-left:3px solid #888}.console-log--log .console-log__icon{color:#888}.console-log--log .console-log__badge{background-color:#888;color:#fff}.console-log--log .console-log__message{color:#e6e6e6}.console-log--info{background-color:#4a90e21a;border-left:3px solid #4a90e2}.console-log--info .console-log__icon{color:#4a90e2}.console-log--info .console-log__badge{background-color:#4a90e2;color:#fff}.console-log--info .console-log__message{color:#7bb3f0}.console-log--warn{background-color:#f5a6231a;border-left:3px solid #f5a623}.console-log--warn .console-log__icon{color:#f5a623}.console-log--warn .console-log__badge{background-color:#f5a623;color:#000}.console-log--warn .console-log__message{color:#ffb84d}.console-log--error{background-color:#d0021b1a}.console-log--error .console-log__icon{color:#d0021b}.console-log--error .console-log__badge{background-color:#d0021b;color:#fff}.console-log--error .console-log__message{color:#ff4757}.profile{display:flex;flex-wrap:wrap;justify-content:space-between}.profile .profile-sidebar{align-self:flex-start;background-color:#222226;border-radius:8px;margin-bottom:30px;max-width:200px;padding:15px 0;width:100%}@media(min-width:1200px){.profile .profile-sidebar{position:fixed}}.profile .profile-sidebar .profile-sidebar__inner{display:flex;flex-direction:column}.profile .profile-sidebar .profile-sidebar__inner a{border-left:4px solid #0000;padding:15px 30px;transition:width .3s,right .3s,background-color .3s}.profile .profile-sidebar .profile-sidebar__inner a.profile-sidebar__nav-link.active{border-color:#3364e3}@media(min-width:1200px){.profile .profile-content{margin-left:30%;width:70%}}.profile .profile-content .profile-content__inner{margin-bottom:50px}.profile .profile-content .profile-avatar__inner,.profile .profile-content .profile-content__inner,.profile .profile-content .profile-password__inner{background-color:#222226;border-radius:8px;padding:17px 30px 30px}.profile-update__avatar{align-items:center;display:flex;justify-content:flex-start;margin-bottom:30px}.profile-update__avatar img{border:1px solid #dedede;border-radius:50%;height:70px;margin-right:20px;object-fit:cover;width:70px}.profile-update__avatar label{background-color:#3364e3;border-radius:5px;color:#fff;cursor:pointer;padding:7px 10px}.profile-update__avatar label:hover{background-color:#264fba}.avatar-user-profile{border-radius:50%}.profile-upload-helper.hidden{display:none}.profile-update__avatar--button{position:relative;width:100%}.profile-upload-helper{position:absolute;width:100%}.c-red{color:#ed1f24!important}.c-blue{color:#3364e3!important}.c-gray-dark{color:#b7b7b7!important}.cursor{cursor:pointer}.verification__form{background-color:#222226;border:1px solid #ffffff1a;border-radius:8px;margin:0 auto;max-width:500px;padding:30px}.verification__title{font-size:20px;text-align:center}.verification__name{font-size:28px;text-align:center}.verification__helper-text{margin-bottom:40px}body,html{margin:0}body *{box-sizing:border-box}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fogot-password__helper-text{margin-bottom:50px;text-align:center}.login__back-to-home-button{color:#3c6df1;margin-bottom:50px;text-align:right}.login__back-to-home-button span{align-items:center;display:flex;font-size:14px}.login__back-to-home-button span svg{font-size:16px;margin-right:7px}.lost-password-note{margin-bottom:50px;text-align:center}.chage-password__title{font-size:38px}
/*# sourceMappingURL=main.3e318ef0.css.map*/