.code-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999}.code-editor-modal{background:#121212;border-radius:12px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 16px #00000080}.code-editor-header{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333333}.code-editor-header h2{margin:0;color:#fff;font-size:1.2rem}.code-editor-header .close-button{color:#b3b3b3;padding:4px;border-radius:4px;transition:all .15s ease}.code-editor-header .close-button:hover{color:#fff;background:#2c2c2c}.code-editor-content{flex:1;min-height:400px;border:1px solid #333333;margin:16px;border-radius:8px;overflow:hidden}.code-editor-footer{padding:16px;display:flex;justify-content:flex-end;gap:16px;border-top:1px solid #333333}.code-editor-footer button{padding:8px 24px;border-radius:4px;font-weight:500;transition:all .15s ease}.code-editor-footer button.cancel-button{background:#1e1e1e;color:#b3b3b3}.code-editor-footer button.cancel-button:hover{background:#2c2c2c;color:#fff}.code-editor-footer button.save-button{background:#6200ee;color:#fff}.code-editor-footer button.save-button:hover{background:#4d00bb}.design-board{width:100%;background-color:#121212;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative;transition:width .25s ease}.design-board.sidebar-hidden .design-board__content{margin-left:0}.design-board__controls{position:fixed;top:16px;right:16px;display:flex;gap:8px;z-index:100000}.design-board__control-button{padding:8px;background:#1e1e1e;border-radius:8px;color:#b3b3b3;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.design-board__control-button:hover{background:#383838;color:#fff}.design-board__expand-button{position:fixed;bottom:16px;right:16px;width:40px;height:40px;background:#6200ee;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .15s ease;z-index:1000}.design-board__expand-button:hover{transform:translateY(2px);background:#4d00bb}.design-board__content{min-height:100vh;position:relative;margin-left:0;transition:margin-left .25s ease}.design-board__content::-webkit-scrollbar{width:8px;height:8px}.design-board__content::-webkit-scrollbar-track{background:#121212}.design-board__content::-webkit-scrollbar-thumb{background:#1e1e1e;border-radius:4px}.design-board__element{position:absolute;background:#121212cc;border-radius:8px;border:1px solid #333333;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.design-board__element-wrapper{width:-moz-max-content!important;width:max-content!important;position:absolute;left:0;top:0}.design-board__element-wrapper.is-dragging{z-index:1000}.design-board__element.is-dragging{transform:scale(1.02);box-shadow:0 8px 16px #00000080}.design-board__element.is-selected{border:2px solid #6200ee;box-shadow:0 4px 8px #0006}.design-board__element-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:16px;color:#fff;cursor:pointer;position:relative}.design-board__element-content--image{padding:0!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}.design-board__element-content--image.design-board__image-element,.design-board__element-content--image.design-board__image-element .design-board__element-image{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}.design-board__element-content--image .design-board__element-image-upload{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#1e1e1e1a;border-radius:inherit;cursor:pointer}.design-board__element-content--image .design-board__element-image-upload:hover{background:#1e1e1e33}.design-board__element-content--image .design-board__element-image-upload p{margin:0;font-size:.875rem;color:#b3b3b3}.design-board__element-content--container{padding:inherit;position:relative;height:100%;width:100%;border-radius:inherit;overflow:visible;background:inherit}.design-board__element-content--container.drop-target{border:2px dashed #6200ee!important;background:#6200ee1a;box-shadow:0 0 10px #6200ee4d}.design-board__element-content--text,.design-board__element-content--text-input{justify-content:flex-start;font-size:1rem;width:100%;background:transparent;border:none;color:inherit}.design-board__element-content--text:focus,.design-board__element-content--text-input:focus{outline:none}.design-board__element-content--button,.design-board__element-content--button-input{width:100%;height:100%;background-color:inherit;color:inherit;font-weight:500;border-radius:inherit;border:none}.design-board__element-content--button:hover,.design-board__element-content--button-input:hover{opacity:.9}.design-board__element-content--button:focus,.design-board__element-content--button-input:focus{outline:none}.design-board__element .element-controls{position:absolute;top:-30px;right:0;display:flex;gap:8px;z-index:1000}.design-board__element .element-controls.position-bottom{bottom:-30px;top:unset}.design-board__element .element-controls .control-button{padding:4px;background:#1e1e1e;border-radius:4px;color:#b3b3b3;cursor:pointer;display:flex;align-items:center;justify-content:center}.design-board__element .element-controls .control-button:hover{color:#fff;background:#383838}.design-board__element .element-controls .control-button.delete:hover{color:#cf6679;background:#cf667933}.design-board__content-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#b3b3b3;gap:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.design-board__content-empty svg{opacity:.5}.preview-mode .design-board__content{margin-left:0}.preview-mode .design-board__element .element-controls,.preview-mode .design-board__element .react-resizable-handle{display:none}.is-drop-target{border:2px dashed #6200ee!important}.design-board__container-element{padding:0!important}.design-board__element-content.is-drop-target{background:#007bff14;transition:outline .2s,background .2s}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#050505,#121212);padding:16px}.login-card{background:#1e1e1e;border-radius:12px;padding:32px;width:100%;max-width:400px;box-shadow:0 8px 16px #00000080}.login-header{text-align:center;margin-bottom:32px}.login-header svg{color:#6200ee;margin-bottom:16px}.login-header h1{color:#fff;font-size:1.75rem;margin-bottom:4px}.login-header p{color:#b3b3b3;font-size:.9rem}.login-form .form-group{margin-bottom:24px}.login-form .form-group label{display:block;color:#b3b3b3;margin-bottom:4px;font-size:.9rem}.login-form .form-group .password-input-wrapper{position:relative;display:flex;align-items:center}.login-form .form-group .password-input-wrapper input{padding-right:40px}.login-form .form-group .password-input-wrapper .password-toggle{position:absolute;right:8px;background:none;border:none;color:#b3b3b3;padding:4px;cursor:pointer;transition:color .15s ease}.login-form .form-group .password-input-wrapper .password-toggle:hover{color:#fff}.login-form .form-group .password-input-wrapper .password-toggle:focus{outline:none;color:#6200ee}.login-form .form-group input{width:100%;padding:16px;background:#121212;border:1px solid #333333;border-radius:8px;color:#fff;font-size:1rem;transition:all .15s ease}.login-form .form-group input:focus{outline:none;border-color:#6200ee;box-shadow:0 0 0 2px #6200ee33}.login-form .form-group input::-moz-placeholder{color:#b3b3b380}.login-form .form-group input::placeholder{color:#b3b3b380}.login-form .error-message{color:#cf6679;font-size:.9rem;margin-bottom:16px;padding:8px;background:#cf66791a;border-radius:4px;text-align:center}.login-form .login-button{width:100%;padding:16px;background:#6200ee;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;transition:all .15s ease}.login-form .login-button:hover{background:#4d00bb}.login-form .login-button:active{transform:translateY(1px)}.sidebar{width:280px;background-color:#1e1e1e;border-right:1px solid #333333;padding:16px;height:100vh;overflow-y:auto}.sidebar__header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #333333}.sidebar__header h2{font-size:1.25rem;color:#fff}.sidebar__list{list-style:none}.sidebar__list-item{padding:16px;margin-bottom:8px;border-radius:8px;cursor:pointer;transition:background-color .25s ease,transform .25s ease;display:flex;align-items:center;gap:16px}.sidebar__list-item:hover{background-color:#2c2c2c}.sidebar__list-item--active{background-color:#6200ee33;border-left:3px solid #6200ee}.sidebar__list-item--active:hover{background-color:#6200ee4d}.sidebar__list-item svg{color:#b3b3b3}.sidebar__list-item--active svg{color:#6200ee}.style-panel{color:#fff}.style-panel h3{font-size:1.1rem;margin-bottom:24px;padding-bottom:8px;border-bottom:1px solid #333333}.style-panel__section{margin-bottom:16px;border:1px solid #333333;border-radius:8px;overflow:hidden}.style-panel__section-header{width:100%;padding:8px 16px;background:#121212;border:none;color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .15s ease}.style-panel__section-header:hover{background:#2c2c2c}.style-panel__section-content{padding:16px;border-top:1px solid #333333}.style-panel__group{margin-bottom:16px}.style-panel__group label{display:block;margin-bottom:4px;color:#b3b3b3;font-size:.9rem}.style-panel__group input[type=number],.style-panel__group input[type=text],.style-panel__group select,.style-panel__group textarea{width:100%;padding:8px;background:#121212;border:1px solid #333333;border-radius:4px;color:#fff;font-size:.9rem;font-family:Monaco,Menlo,monospace}.style-panel__group input[type=number]:focus,.style-panel__group input[type=text]:focus,.style-panel__group select:focus,.style-panel__group textarea:focus{outline:none;border-color:#6200ee}.style-panel__group input[type=number].invalid,.style-panel__group input[type=text].invalid,.style-panel__group select.invalid,.style-panel__group textarea.invalid{border-color:#cf6679}.style-panel__group textarea{resize:vertical;min-height:100px}.style-panel__button-group{display:flex;gap:4px}.style-panel__button-group button{flex:1;padding:8px;background:#121212;border:1px solid #333333;border-radius:4px;color:#b3b3b3;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.style-panel__button-group button:hover{background:#2c2c2c;color:#fff}.style-panel__button-group button.active{background:#6200ee33;border-color:#6200ee;color:#6200ee}.style-panel__apply-button{width:100%;margin-top:8px;padding:8px;background:#6200ee;color:#fff;border:none;border-radius:4px;font-weight:500;transition:background-color .15s ease}.style-panel__apply-button:hover{background:#4d00bb}.preview-container{position:relative;min-height:100vh;width:100%;margin:0;padding:20px;box-sizing:border-box}.preview-element--container{border:1px dashed #ccc}.preview-element button{width:100%;height:100%;border:none;background:none;cursor:pointer}.preview-element img{-o-object-fit:inherit;object-fit:inherit}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#121212;color:#fff;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;border:none;background:none;font-family:inherit}button:focus{outline:none}h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:16px}a{color:#7c4dff;text-decoration:none;transition:color .15s ease}a:hover{color:#6200ee}.app-container{display:flex;min-height:100vh;width:100%}.design-board{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.design-board__text-element{line-height:1.5;margin:0;padding:8px}.design-board__button-element{cursor:pointer;border:none;padding:8px 16px;border-radius:4px;transition:background-color .2s ease}.design-board__image-element{max-width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.design-board__container-element{background:#ffffff0d;border-radius:8px;padding:16px}.design-board__icon-element{display:flex;align-items:center;justify-content:center}.design-board__element:hover{outline:1px solid rgba(98,0,238,.1)}.design-board__element.is-selected{outline:2px solid #6200ee}.design-board__flex-container{display:flex;gap:16px}.design-board__grid-container{display:grid;gap:16px}