*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffe6;background-color:#0f0f1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%}.builder-page{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box}.block-wrapper{position:relative;width:100%;max-width:1200px}.block-header{display:flex;align-items:center;justify-content:flex-end;padding:4px;background:#1a1a2e;border:2px solid #6366f1;border-bottom:none}.header-left,.header-right{display:flex;align-items:center;gap:4px}.header-icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#6366f1;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background .15s ease}.inline-block-controls{position:absolute;top:0;right:0;display:flex;gap:4px;padding:4px;background:#1a1a2e;border:2px solid #6366f1;border-bottom-left-radius:6px;z-index:10}.inline-control-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#6366f1e6;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background .15s ease}.inline-control-btn:hover{background:#5558e3}.inline-control-btn.delete-btn{background:#dc3545e6}.inline-control-btn.delete-btn:hover{background:#dc3545}.inline-control-btn.disabled,.header-icon-btn.disabled{opacity:.4;cursor:not-allowed}.inline-control-btn.disabled:hover,.header-icon-btn.disabled:hover{background:#6366f1e6}.header-icon-btn:hover{background:#5558e3}.header-icon-btn.view-btn{background:#4a4a6a}.header-icon-btn.view-btn:hover{background:#5a5a7a}.header-icon-btn.view-btn.active{background:#6366f1}.header-icon-btn.delete-btn:hover{background:#dc3545}.header-icon-btn.active-edit{background:#22c55e}.header-icon-btn.active-edit:hover{background:#16a34a}.block-settings-bg{position:relative;background:#c8c8c8;padding:40px;border:2px solid #6366f1;border-top:none;min-height:436px}.padding-controls{position:absolute;display:flex;align-items:center;gap:4px;z-index:20;transition:all .2s ease}.padding-controls.top{top:4px;left:50%;transform:translate(-50%);flex-direction:column}.padding-controls.bottom{bottom:4px;left:50%;transform:translate(-50%);flex-direction:column-reverse}.padding-controls.left{left:4px;top:50%;transform:translateY(-50%);flex-direction:row}.padding-controls.right{right:4px;top:50%;transform:translateY(-50%);flex-direction:row-reverse}.padding-btn{width:32px;height:32px;background:#6366f1;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background .15s ease;border-radius:4px;border:none}.padding-btn:hover{background:#5558e3}.padding-input{width:32px;height:32px;padding:0 4px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#2a2a4a;color:#d1d5ff;font-size:14px;text-align:center;outline:none;animation:fadeIn .2s ease}.padding-input:focus{border-color:#6366f1}.padding-toggle-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#4a4a6a;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background .15s ease;animation:fadeIn .2s ease}.padding-toggle-btn:hover{background:#5a5a7a}.padding-toggle-btn.active{background:#6366f1}.content-block{display:flex;flex-direction:row;align-items:stretch;overflow:hidden;position:relative;cursor:pointer;transition:border-radius .2s ease}.content-block.with-popup,.content-block.with-snap{overflow:visible}.block-column{display:flex;flex-direction:column;overflow:visible}.text-column{position:absolute;top:0;bottom:0;padding:32px;justify-content:flex-start;gap:12px;overflow:visible;box-sizing:border-box}.device-mobile .content-block{flex-direction:column!important;overflow:visible!important}.device-mobile .text-column{position:relative!important;width:100%!important;left:0!important;right:0!important;order:2}.device-mobile .image-column{width:100%!important;position:relative!important;order:1;display:flex!important;justify-content:center!important;align-items:center!important;left:0!important;right:0!important}.device-mobile .image-container{width:100%!important;max-width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important}.device-mobile .column-divider,.device-mobile .snap-toggle-btn,.device-mobile .divider-btn,.device-mobile .snap-guides,.device-mobile .divider-handle{display:none!important}.device-mobile .block-image{width:100%!important;max-width:100%!important;height:100%!important;display:block!important;margin:0 auto!important}.device-mobile .element-toggles{inset:auto auto 38px 4px!important;transform:none!important}.device-mobile .grid-photo-controls,.device-mobile .grid-photo-add{display:none!important}.device-mobile .slider-photo-controls{align-items:flex-start!important;padding-top:32px!important}.device-mobile .slider-pagination.view-mode{bottom:32px!important}.device-mobile .image-nav-btn{top:auto!important;bottom:32px!important;transform:none!important}.device-mobile .padding-controls.top,.device-mobile .padding-controls.bottom{flex-direction:row!important;left:50%!important;transform:translate(-16px)!important}.device-mobile .padding-controls.left,.device-mobile .padding-controls.right{flex-direction:column-reverse!important;top:50%!important;transform:translateY(-50%)!important}@media(max-width:768px){.content-block{flex-direction:column!important;overflow:visible!important}.text-column{position:relative!important;width:100%!important;left:0!important;right:0!important;order:2}.image-column{width:100%!important;position:relative!important;order:1;display:flex!important;justify-content:center!important;align-items:center!important;left:0!important;right:0!important}.image-container{width:100%!important;max-width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important}.column-divider,.snap-toggle-btn,.divider-btn,.snap-guides,.divider-handle{display:none!important}.block-image{width:100%!important;max-width:100%!important;height:100%!important;display:block!important;margin:0 auto!important}.element-toggles{inset:auto auto 38px 4px!important;transform:none!important}.grid-photo-controls,.grid-photo-add{display:none!important}.grid-controls-panel{display:flex!important}.slider-photo-controls{align-items:flex-start!important;padding-top:32px!important}.slider-pagination.view-mode{bottom:32px!important}.image-nav-btn{top:auto!important;bottom:32px!important;transform:none!important}.padding-controls.top,.padding-controls.bottom{flex-direction:row!important;left:50%!important;transform:translate(-16px)!important}.padding-controls.left,.padding-controls.right{flex-direction:column-reverse!important;top:50%!important;transform:translateY(-50%)!important}}.block-title{margin:0;font-size:28px;font-weight:700;color:#1a1a1a;outline:none;cursor:text;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;flex-shrink:0}.block-title:focus{background:#6366f11a;border-radius:4px}.block-description{margin:0;padding:0;font-size:16px;color:#4a4a4a;outline:none;cursor:text;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#6366f1 #e0e0e0}.block-description::-webkit-scrollbar{width:4px}.block-description::-webkit-scrollbar-track{background:#e0e0e0;border-radius:2px;margin:16px 0}.block-description::-webkit-scrollbar-thumb{background:#6366f1;border-radius:2px}.block-description::-webkit-scrollbar-thumb:hover{background:#5558e3}.block-description::-webkit-scrollbar-button{display:none;min-height:0}.block-description:focus{background:#6366f11a;border-radius:4px}.button-row{display:flex;align-items:center;gap:12px;margin-top:auto;overflow:visible}.block-button{padding:12px 28px;background:#6366f1;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:opacity .2s ease}.block-button:hover{opacity:.9}a.block-button{text-decoration:none;display:inline-block}.popup-overlay{position:absolute;inset:0;background:#00000080;z-index:500}.button-wrapper{position:relative;z-index:600}.text-editable-wrapper{position:relative;overflow:visible}.text-editable-wrapper:has(.block-description){flex:1;min-height:0;display:flex;flex-direction:column}.text-popup{position:absolute;left:0;background:#2a2a3e;border-radius:8px;padding:8px 12px;box-shadow:0 4px 16px #0006;z-index:9999;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.text-popup-below{top:calc(100% + 16px)}.text-popup-above{bottom:calc(100% + 16px)}.text-popup input[type=text],.text-popup select{height:32px;padding:0 10px;background:#1a1a2e;border:1px solid #3f3f5a;border-radius:6px;color:#fff;font-size:13px;box-sizing:border-box}.text-popup input[type=color]{width:32px;height:32px;padding:0;border:none;border-radius:6px;cursor:pointer}.text-popup .input-size{width:45px;text-align:center}.text-popup select{min-width:80px}.text-popup .popup-actions{margin-left:auto}.button-popup{position:absolute;left:32px;right:32px;bottom:92px;background:#2a2a3e;border-radius:10px;padding:16px;box-shadow:0 8px 32px #00000080;z-index:1000}.popup-actions{display:flex;gap:4px;margin-left:auto}.popup-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;cursor:pointer;transition:background .15s ease}.popup-action-btn.cancel{background:#4a4a6a;color:#fff}.popup-action-btn.cancel:hover{background:#5a5a7a}.popup-action-btn.apply{background:#6366f1;color:#fff}.popup-action-btn.apply:hover{background:#5558e3}.popup-section{padding:8px 0;border-bottom:1px solid #3f3f5a}.popup-section:last-child{border-bottom:none}.popup-row-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.section-label{font-size:12px;color:#9ca3af;min-width:70px}.button-popup input[type=text],.button-popup select{height:32px;padding:0 10px;background:#1a1a2e;border:1px solid #3f3f5a;border-radius:6px;color:#fff;font-size:13px;outline:none;box-sizing:border-box}.button-popup input[type=text]:focus,.button-popup select:focus{border-color:#6366f1}.button-popup .input-text{width:120px}.button-popup .input-link{width:140px}.button-popup .input-wide{flex:1;min-width:200px}.button-popup .input-size{width:50px;height:32px;padding:0 8px;background:#1a1a2e;border:1px solid #3f3f5a;border-radius:6px;color:#fff;font-size:13px;text-align:center;box-sizing:border-box}.button-popup .input-radius{width:55px;height:32px;padding:0 6px;background:#1a1a2e;border:1px solid #3f3f5a;border-radius:6px;color:#fff;font-size:13px;text-align:center;box-sizing:border-box}.radius-icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;flex-shrink:0}.radius-icon-btn svg{color:#9ca3af}.input-radius-wide{width:45px;height:32px;padding:0 4px;background:#6366f1;border:none;border-radius:6px;color:#fff;font-size:14px;text-align:center;box-sizing:border-box}.button-popup .input-border{width:45px;height:32px;padding:0 6px;background:#1a1a2e;border:1px solid #3f3f5a;border-radius:6px;color:#fff;font-size:13px;text-align:center;box-sizing:border-box}.button-popup .input-gradient{width:180px;height:32px;box-sizing:border-box}.button-popup input[type=color]{width:32px;height:32px;padding:0;border:none;border-radius:6px;cursor:pointer;flex-shrink:0}.button-popup select{min-width:80px;height:32px;box-sizing:border-box}.style-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#1a1a2e;border:1px solid #3f3f5a;border-radius:6px;color:#fff;cursor:pointer;transition:background .15s ease,border-color .15s ease;flex-shrink:0}.style-btn:hover{background:#2a2a4e}.style-btn.active{background:#6366f1}.link-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#1a1a2e;border:1px solid #3f3f5a;border-radius:6px;cursor:pointer;font-size:14px;transition:background .15s ease,border-color .15s ease}.link-btn:hover{background:#2a2a4e}.link-btn.active{background:#6366f1}.bg-type-buttons{display:flex;gap:4px}.bg-type-buttons button{height:32px;padding:0 12px;background:#1a1a2e;border:1px solid #3f3f5a;border-radius:6px;color:#fff;font-size:12px;cursor:pointer;transition:background .15s ease,border-color .15s ease;box-sizing:border-box}.bg-type-buttons button:hover{background:#2a2a4e}.bg-type-buttons button.active{background:#6366f1}.align-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#4a4a6a;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:all .2s ease}.align-btn:hover{background:#5a5a7a}.align-btn.active{background:#6366f1}.text-bg-color-btn{width:32px;height:32px;border:2px solid #4a4a6a;border-radius:4px;cursor:pointer;background:#4a4a6a;padding:2px}.text-bg-color-btn::-webkit-color-swatch-wrapper{padding:0}.text-bg-color-btn::-webkit-color-swatch{border:none;border-radius:2px}.image-column{background:transparent;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.image-column.grid-view{display:block}.photo-grid{width:100%}.grid-photo-item{width:100%;overflow:hidden;background:transparent;position:relative;cursor:pointer;transition:outline .15s ease}.grid-photo-item.selected{outline:3px solid #6366f1;outline-offset:-3px}.grid-photo-image{width:100%;height:auto;display:block;background:transparent}.grid-photo-controls{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;z-index:5;pointer-events:none}.grid-photo-controls-center{display:flex;gap:4px;justify-content:center;align-items:center;pointer-events:auto;background:#1a1a2e;padding:4px;border-radius:6px;border:2px solid #6366f1}.grid-photo-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#6366f1;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background .15s ease}.grid-photo-btn:hover:not(:disabled){background:#5558e3}.grid-controls-panel{position:absolute;left:50%;transform:translate(-50%);bottom:38px;display:none;flex-direction:row;gap:4px;z-index:10;background:#1a1a2e;padding:4px;border-radius:6px;border:2px solid #6366f1}.device-mobile .grid-controls-panel{display:flex!important}.grid-control-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#6366f1;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background .15s ease}.grid-control-btn:hover:not(:disabled){background:#5558e3}.grid-control-btn:disabled{opacity:.5;cursor:not-allowed}.grid-control-btn.delete{background:#ef4444}.grid-control-btn.delete:hover{background:#dc2626}.grid-photo-btn:disabled{opacity:.4;cursor:not-allowed}.grid-photo-btn.delete:hover:not(:disabled){background:#dc3545}.grid-photo-add{width:100%;min-height:100px;display:flex;align-items:center;justify-content:center;background:#6366f133;border:2px dashed #6366f1;border-radius:8px;color:#6366f1;cursor:pointer;transition:background .15s ease}.grid-photo-add:hover{background:#6366f14d}.image-container{width:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.block-image{width:100%;height:100%;display:block;object-fit:cover}.image-label{position:absolute;font-size:32px;font-weight:700;color:#1a1a1a;opacity:.5;pointer-events:none}.slider-photo-controls{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;z-index:15;pointer-events:none}.slider-photo-controls-center{display:flex;gap:4px;justify-content:center;align-items:center;pointer-events:auto;background:#1a1a2e;padding:4px;border-radius:6px;border:2px solid #6366f1}.slider-photo-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#6366f1;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background .15s ease}.slider-photo-btn:hover:not(:disabled){background:#5558e3}.slider-photo-btn:disabled{opacity:.4;cursor:not-allowed}.slider-photo-btn.add:hover:not(:disabled){background:#22c55e}.slider-photo-btn.delete:hover:not(:disabled){background:#dc3545}.slider-photo-btn.active{background:#4a4a6a}.fill-position-buttons{position:absolute;width:calc(100% - 16px);height:calc(100% - 16px);top:8px;left:8px;pointer-events:none;z-index:5}.fill-position-btn{position:absolute;width:16px;height:16px;padding:0;background:#4a4a6a;border:none;border-radius:4px;cursor:pointer;pointer-events:auto;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.fill-position-btn:after{content:"";width:8px;height:8px;background:#ffffff80;border-radius:50%;transition:all .15s ease}.fill-position-btn:hover{background:#5a5a7a}.fill-position-btn:hover:after{background:#fffc}.fill-position-btn.active{background:#6366f1}.fill-position-btn.active:after{background:#fff}.fill-position-btn svg{display:none}.fill-position-btn.top-left{top:0;left:0}.fill-position-btn.top{top:0;left:50%;transform:translate(-50%)}.fill-position-btn.top:hover{transform:translate(-50%)}.fill-position-btn.top-right{top:0;right:0}.fill-position-btn.left{top:50%;left:0;transform:translateY(-50%)}.fill-position-btn.left:hover{transform:translateY(-50%)}.fill-position-btn.right{top:50%;right:0;transform:translateY(-50%)}.fill-position-btn.right:hover{transform:translateY(-50%)}.fill-position-btn.bottom-left{bottom:0;left:0}.fill-position-btn.bottom{bottom:0;left:50%;transform:translate(-50%)}.fill-position-btn.bottom:hover{transform:translate(-50%)}.fill-position-btn.bottom-right{bottom:0;right:0}.slider-pagination{display:flex;gap:8px;justify-content:center;z-index:20}.slider-pagination.editor-mode{margin-top:16px}.slider-pagination.view-mode{position:absolute;bottom:48px;left:50%;transform:translate(-50%)}.pagination-dot{width:12px;height:12px;border:none;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .2s ease;padding:0}.pagination-dot:hover{background:#fffc}.pagination-dot.active{background:#6366f1;transform:scale(1.2)}.image-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border:none;border-radius:50%;color:#1a1a1a;cursor:pointer;z-index:10;transition:background .15s ease}.image-nav-btn:hover{background:#fff}.image-nav-btn.prev{left:34px}.image-nav-btn.next{right:34px}.column-divider{position:absolute;top:0;bottom:0;width:12px;background:#6366f14d;cursor:col-resize;display:flex;align-items:center;justify-content:center;transition:background .15s ease;z-index:15;transform:translate(-50%)}.column-divider:hover,.column-divider.dragging{background:#6366f199}.divider-handle{width:4px;height:40px;background:#6366f1;border-radius:2px}.divider-btn{position:absolute;left:50%;transform:translate(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#6366f1;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background .15s ease}.divider-btn:hover{background:#5558e3}.divider-btn.active{background:#22c55e}.divider-btn.active:hover{background:#16a34a}.divider-btn.position-btn{bottom:32px}.divider-btn.snap-btn{top:32px}.snap-guides{position:absolute;top:-36px;left:0;right:0;height:32px;z-index:5;pointer-events:none;display:flex;align-items:center}.snap-dot{position:absolute;width:8px;height:8px;background:#6366f1;border-radius:50%;transform:translate(-50%);opacity:.5;transition:opacity .15s ease,transform .15s ease}.snap-dot.active{opacity:1;transform:translate(-50%) scale(1.3);background:#22c55e}.element-toggles{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;z-index:10}.element-toggle-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#4a4a6a;border:none;border-radius:4px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s ease}.element-toggle-btn:hover{background:#5a5a7a}.element-toggle-btn.active{background:#6366f1}.element-toggle-btn.active:hover{background:#5558e3}.corner-btn{position:absolute;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#6366f1;border:none;border-radius:4px;color:#fff;cursor:pointer;z-index:10;transition:background .15s ease}.corner-btn:hover{background:#5558e3}.top-left-controls,.top-right-controls,.bottom-left-controls,.bottom-right-controls{position:absolute;display:flex;align-items:center;gap:4px;z-index:10;transition:all .2s ease}.top-left-controls{top:4px;left:4px}.top-right-controls{top:4px;right:4px}.grid-settings-controls{position:absolute;top:4px;right:40px;display:flex;gap:4px;z-index:10}.grid-columns-input,.grid-setting-input{width:32px;height:32px;padding:0 4px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#2a2a4a;color:#d1d5ff;font-size:14px;text-align:center;outline:none}.grid-columns-input:focus,.grid-setting-input:focus{border-color:#6366f1}.bottom-left-controls{bottom:4px;left:4px}.bottom-right-controls{bottom:4px;right:4px}.top-left-controls .corner-btn,.top-right-controls .corner-btn,.bottom-left-controls .corner-btn,.bottom-right-controls .corner-btn{position:static}.btn-spacer{width:32px;height:32px}.corner-btn.view-btn{background:#4a4a6a}.corner-btn.view-btn:hover{background:#5a5a7a}.corner-btn.view-btn.active{background:#6366f1}.corner-btn.text-toggle-btn{background:#4a4a6a}.corner-btn.text-toggle-btn:hover{background:#5a5a7a}.corner-btn.text-toggle-btn.active{background:#6366f1}.corner-btn.text-toggle-btn.active:hover{background:#5558e3}.corner-btn.top-right{top:4px;right:4px}.corner-btn.bottom-left{bottom:4px;left:4px}.corner-btn.bottom-right{bottom:4px;right:4px}.corner-input{width:32px;height:32px;padding:0 4px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#2a2a4a;color:#d1d5ff;font-size:14px;text-align:center;outline:none;animation:fadeIn .2s ease}.corner-input:focus{border-color:#6366f1}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.corner-toggle-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#4a4a6a;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background .15s ease;animation:fadeIn .2s ease}.corner-toggle-btn:hover{background:#5a5a7a}.corner-toggle-btn.active{background:#6366f1}.device-mobile .top-left-controls{flex-wrap:wrap!important;flex-direction:row!important;align-items:flex-start!important;gap:4px!important}.device-mobile .top-left-controls .corner-btn{order:0!important}.device-mobile .top-left-controls .view-btn{order:1!important}.device-mobile .top-left-controls .text-toggle-btn{order:2!important}.device-mobile .top-left-controls:before{content:""!important;order:5!important;flex-basis:100%!important;height:0!important}.device-mobile .top-left-controls .corner-input{order:10!important;position:absolute!important;top:36px!important;left:0!important}.device-mobile .top-left-controls .corner-toggle-btn{order:12!important;position:absolute!important;top:72px!important;left:0!important}.device-mobile .top-right-controls{flex-direction:column-reverse!important;align-items:flex-end!important}.device-mobile .bottom-left-controls{flex-direction:row!important}.device-mobile .text-bg-color-btn{left:auto!important;right:38px;transition:right .2s ease!important}.device-mobile .bottom-right-controls{flex-direction:row!important}.device-mobile .bottom-right-controls .corner-btn.bottom-right{position:absolute!important;right:0!important;bottom:0!important}.device-mobile .bottom-right-controls .corner-input{position:absolute!important;right:36px!important;bottom:0!important}.device-mobile .bottom-right-controls .corner-toggle-btn{position:absolute!important;right:72px!important;bottom:0!important}.device-mobile .grid-settings-controls{right:40px!important}.app-root{min-height:100vh;background:#050515;display:flex;flex-direction:column;align-items:center;padding:0 0 100px;color:#f3f4ff;font-family:Inter,Segoe UI,sans-serif}.device-toggle{position:fixed;top:16px;left:16px;display:flex;gap:4px;background:#1a1a2e;padding:4px;border-radius:8px;border:2px solid #6366f1;z-index:1000}.device-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:#a5a8c7;cursor:pointer;transition:all .15s ease}.device-btn:hover{color:#fff;background:#6366f133}.device-btn.active{background:#6366f1;color:#fff}.workspace{width:min(1200px,100%);display:flex;flex-direction:column;transition:max-width .3s ease}.blocks-wrapper{position:relative}.blocks-container{display:flex;flex-direction:column}.block-row{width:100%}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#a5a8c7;padding:32px 0}.add-block-btn{width:72px;height:72px;border-radius:20px;border:none;background:#6366f1;color:#fff;font-size:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 15px 40px #6366f159;transition:transform .15s ease,box-shadow .15s ease}.add-block-btn:hover{transform:translateY(-2px);box-shadow:0 20px 45px #6366f180}.add-block-btn--inline{margin:0 auto;width:64px;height:64px;border-radius:18px}.add-block-placeholder{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;padding:32px 0}.add-block-placeholder.inline{padding:16px 0}.add-block-placeholder p{margin:0;color:#a5a8c7}.block-picker-overlay{position:fixed;inset:0;background:#07070ebf;display:flex;align-items:center;justify-content:center;z-index:100}.block-picker{background:#1a1a2e;border-radius:20px;padding:32px;width:min(320px,90vw);display:flex;flex-direction:column;gap:16px;box-shadow:0 30px 60px #0006}.block-picker h3{margin:0;font-size:20px;color:#fff}.picker-option{height:48px;border-radius:12px;border:none;background:#6366f1;color:#fff;font-size:16px;cursor:pointer}.picker-option:hover{background:#5558e3}.picker-cancel{height:44px;border-radius:12px;border:none;background:#2a2a4a;color:#fff;cursor:pointer}.picker-cancel:hover{background:#38385a}.page-footer{position:fixed;bottom:0;left:0;right:0;background:#1a1a2e;border-top:1px solid rgba(255,255,255,.1);padding:16px 24px;z-index:50}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:12px}.footer-buttons{display:flex;align-items:center;justify-content:center;gap:16px}.footer-copyright{font-size:12px;color:#787a9b}.footer-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:180px;height:32px;padding:0 20px;border:none;border-radius:8px;background:#2a2a4a;color:#d1d5ff;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease,transform .1s ease}.footer-btn:hover{background:#3a3a5a}.footer-btn:active{transform:scale(.98)}.footer-btn.primary{background:#6366f1;color:#fff}.footer-btn.primary:hover{background:#5558e3}.bg-popup{position:fixed;bottom:110px;left:50%;transform:translate(-50%);width:fit-content;max-width:90%;height:225px;background:#2a2a3e;border-top:1px solid rgba(255,255,255,.1);border-radius:12px 12px 0 0;padding:20px;z-index:49}.bg-popup-content{width:100%;color:#d1d5ff}.bg-options{display:flex;align-items:center;justify-content:center;gap:16px}.bg-option-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;width:180px;height:32px;padding:0 20px;border:none;border-radius:8px;background:#3a3a5a;color:#a5a8c7;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease}.bg-option-btn:hover{background:#4a4a6a;color:#d1d5ff}.bg-option-btn.active{background:#6366f1;color:#fff}.bg-settings{display:flex;gap:24px;margin-top:16px;min-height:110px}.bg-setting-row{display:flex;flex-direction:column;gap:8px;flex:1}.bg-setting-row label{font-size:13px;color:#a5a8c7}.color-control{display:flex;gap:8px;align-items:center}.color-picker-input{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;background:transparent}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border:2px solid rgba(255,255,255,.1);border-radius:6px}.hex-input{flex:1;height:32px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#3a3a5a;color:#d1d5ff;font-size:14px;font-family:monospace}.hex-input:focus{outline:none;border-color:#6366f1}.gradient-settings{flex-direction:row!important;gap:32px!important}.gradient-colors{display:flex;flex-direction:column;gap:16px}.gradient-direction{display:flex;flex-direction:column;gap:8px}.direction-grid{display:grid;grid-template-columns:repeat(3,32px);grid-template-rows:repeat(3,32px);gap:4px}.direction-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#3a3a5a;color:#a5a8c7;cursor:pointer;transition:all .15s ease}.direction-btn:hover{background:#4a4a6a;color:#d1d5ff;border-color:#fff3}.direction-btn.active{background:#6366f1;color:#fff;border-color:#6366f1}.direction-btn.center{border-width:2px}.image-settings{flex-direction:column!important}.image-settings-left{display:flex;flex-direction:column;gap:16px;flex:1}.image-controls-row{display:flex;gap:8px;align-items:center}.controls-divider{width:1px;height:24px;background:#fff3;margin:0 4px}.file-input{width:100%;height:32px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#3a3a5a;color:#d1d5ff;font-size:14px;cursor:pointer}.file-input::file-selector-button{height:24px;padding:0 12px;margin-right:12px;border:none;border-radius:4px;background:#6366f1;color:#fff;font-size:13px;cursor:pointer}.file-input::file-selector-button:hover{background:#5558e3}.size-btn,.attachment-btn{height:32px;padding:0 16px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#3a3a5a;color:#a5a8c7;font-size:13px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.size-btn:hover,.attachment-btn:hover{background:#4a4a6a;color:#d1d5ff}.size-btn.active,.attachment-btn.active{background:#6366f1;color:#fff;border-color:#6366f1}.pattern-options{display:flex;gap:12px}.pattern-btn{height:32px;padding:0 20px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#3a3a5a;color:#a5a8c7;font-size:14px;cursor:pointer;transition:all .15s ease}.pattern-btn:hover{background:#4a4a6a;color:#d1d5ff}.pattern-btn.active{background:#6366f1;color:#fff;border-color:#6366f1}@media(max-width:768px){.footer-btn{width:64px;min-width:64px;padding:0}.footer-btn span{display:none}.footer-buttons{gap:8px}.page-footer{padding:12px 16px}.bg-popup{width:calc(100vw - 64px);max-width:calc(100vw - 64px);padding:16px;bottom:96px}.bg-options{flex-wrap:wrap;gap:8px}.bg-option-btn{width:64px;min-width:64px;padding:0}.bg-option-btn span{display:none}.bg-settings{flex-direction:column;gap:12px;min-height:auto;overflow:hidden}.bg-setting-row{width:100%}.color-control{flex-wrap:wrap}.hex-input{width:100%;max-width:120px}.gradient-settings{flex-direction:column}.gradient-colors{width:100%}.gradient-direction{width:100%;justify-content:center}.image-settings{flex-direction:column}.image-settings-left,.image-settings-right{width:100%}.pattern-options{flex-wrap:wrap}.pattern-btn{flex:1;min-width:60px}}