.template-grid{display:flex;flex-direction:column;gap:15px}.template-row{display:flex;justify-content:center;gap:10px}.template-item{border:2px solid #ddd;border-radius:10px;padding:10px;background:white;text-align:center;transition:.3s}.template-item img{width:100%;height:auto;border-radius:5px}.col-1{width:100%}.col-2{width:48%}.col-3{width:30%}.grid-container{position:relative;width:100%;height:100vh;background:#f8f8f8;flex-wrap:wrap}.block,.grid-container{display:flex;align-items:center;justify-content:center}.block{position:absolute;width:50px;height:50px;background:#3498db;border:1px solid #fff;font-size:16px;color:white}.grid-builder{width:100%;margin:0 auto}.container{display:flex;position:relative;width:100%;height:auto;border:1px solid #ddd;margin:5px;padding:10px}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.block{flex:1;position:relative;border:1px solid #3498db;padding:20px;text-align:center;background:#ecf0f1;cursor:pointer;transition:.2s ease-in-out}.block:hover{background:#d0e3f1}.controls{top:0;left:0;width:100%;height:100%;pointer-events:none;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}.control-btn,.controls{position:absolute;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.control-btn{width:30px;height:30px;background:red;color:white;border-radius:3px;border:1px solid var(--primary-dark);font-size:16px;font-weight:700;cursor:pointer;text-align:center}.top{top:-15px}.bottom,.top{left:50%;transform:translateX(-50%)}.bottom{bottom:-15px}.left{left:-15px}.left,.right{top:50%;transform:translateY(-50%)}.right{right:-15px}.layout-group{position:relative;box-sizing:border-box;display:flex;height:100%;gap:5px}.layout-group.group-vertical{height:auto}.layout-group.preview-mode{border:none;margin:0;padding:0;gap:0}.layout-children{border:2px solid blue;margin:10px;background:#fff;box-sizing:border-box;min-height:100px}.add-botton-top:not(:first-child){display:none!important}.add-botton-bottom,.add-botton-left,.add-botton-right,.add-botton-top{display:flex!important}.add-botton-bottom{bottom:-15px}.block-separator{border:2px solid red;width:100%;height:5px;background:red}.block-label{position:absolute;top:6px;left:6px;background:rgba(255,255,255,.7);font-size:10px;padding:4px 6px;border-radius:4px;z-index:5}.layout.studio-mode{height:100%;overflow:visible;contain:layout}.layout-group.studio-mode{position:relative;z-index:0;box-sizing:border-box;overflow:visible;contain:layout;border:1px dashed rgb(172,172,172)}.layout-group.studio-mode:hover:has(.layout:hover){border:1px solid var(--primary-dark);box-sizing:border-box}.layout-group.studio-mode:hover:has(>.layout-group:hover){border:1px solid transparent;box-sizing:border-box}.layout-group.group-col{flex-direction:column!important}.layout-group.group-row{flex-direction:row!important}.section-wrapper{height:100%}.section-wrapper.studio-mode{position:relative;z-index:1}.section-container{width:100%;height:100%;position:relative}.section-container.studio-mode{position:relative}.section-container.studio-mode:after{content:"";position:absolute;bottom:0;left:0;right:0;height:6px;cursor:ns-resize;background:transparent;z-index:10}.section-container.studio-mode:hover:after{background:rgba(0,123,255,.1)}.section.studio-mode{border:2px solid var(--primary-light)}.section.studio-mode.selected{border:2px solid var(--primary-dark)}.section-add-button{position:absolute;right:-50px;height:40px;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:all;transition:all .3s ease;cursor:pointer;z-index:10}.grid-section-container:hover .section-add-button{opacity:1}.section-add-button-top{top:50px;right:10%}.section-add-button-bottom{right:10%}.layout.empty-block{display:flex;align-items:center;justify-content:center;min-height:150px;height:auto}.layout{border:1px solid transparent}.layout.selected{border:1px solid var(--primary-dark)!important}.layout.empty-block.preview-mode{background:transparent}.layout-group.selected{border:1px solid var(--primary-dark)!important}.empty-layout-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative;pointer-events:auto}.counter-button{padding-top:0;background-color:transparent}.counter-button,.counter-display{border-radius:9999px;border-style:solid}.counter-display{position:relative;border-color:var(--primary-light);overflow:hidden}.counter-text{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:700}.counter-container.small .counter-button{width:48px;height:48px;font-size:36px!important;border-width:2px}.counter-container.small .counter-display{width:100px;height:48px;border-width:2px}.counter-container.small .counter-text{font-size:36px}.counter-container.medium .counter-button{width:64px;height:64px;font-size:48px!important;border-width:2px}.counter-container.medium .counter-display{width:140px;height:64px;border-width:2px}.counter-container.medium .counter-text{font-size:48px}.counter-container.large .counter-button{width:86px;height:86px;font-size:60px!important;border-width:3px}.counter-container.large .counter-display{width:193px;height:86px;border-width:3px}.counter-container.large .counter-text{font-size:60px}.layout[data-hover=top]:before{top:0}.layout[data-hover=bottom]:before,.layout[data-hover=top]:before{content:"";position:absolute;left:0;right:0;height:4px;background-color:red;z-index:100;pointer-events:none;box-sizing:border-box}.layout[data-hover=bottom]:before{bottom:0}.layout[data-hover=left]:before{left:0}.layout[data-hover=left]:before,.layout[data-hover=right]:before{content:"";position:absolute;top:0;bottom:0;width:4px;background-color:red;z-index:100;pointer-events:none;box-sizing:border-box}.layout[data-hover=right]:before{right:0}.layout.show-controls .controls{visibility:visible;opacity:1}.layout .controls{visibility:hidden;opacity:0}.block-util-wrapper.mobile{min-width:250px;display:flex;flex-direction:column;justify-content:center;align-items:center}.grid-builder.desktop{width:100%;margin:0 auto}.grid-builder.tablet{width:768px}.grid-builder.mobile{width:375px}.panzy-text-area{width:100%;height:100%;border:1px solid var(--primary-dark);border-radius:32.5px;padding:10px;overflow-y:auto;resize:none}.panzy-text-area:focus,.panzy-text-area:hover{border-color:var(--primary)!important}.panzy-text-area:focus{border-width:2px;outline:none}.panzy-text-area-error,.panzy-text-area-error:focus,.panzy-text-area-error:hover{border-color:var(--error)!important}.panzy-text-area-error:focus{border-width:2px!important}.font-size-span{margin:0 .15em;display:inline-block}.color-span,.font-size-span{white-space:pre-wrap}.font-family-span{white-space:pre-wrap!important}.field{background-color:#e3f2fd;border:1px solid #2196f3;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.9em;color:#1976d2;white-space:nowrap;display:inline-block;margin:0 2px;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.field[contenteditable]{-webkit-user-modify:read-only!important}[contenteditable=true]{white-space:pre-wrap!important;display:block!important;word-wrap:break-word!important;overflow-wrap:break-word!important;color:inherit!important}[contenteditable=true] *{white-space:inherit!important}[contenteditable=true] br{content:"";display:block;margin:.2em 0;height:.1em}[contenteditable=true] p{margin:0;padding:0;color:inherit!important}[contenteditable=true] p+p{margin-top:.5em}[contenteditable=true] p:empty{min-height:1em;display:block;height:1em}[contenteditable=true] p p{display:inline!important;margin:0!important;padding:0!important;min-height:0!important}.grid-item-content>div{display:inline-block}.panzy-overlay{position:fixed;pointer-events:none;border:var(--builder-highlight-width,2px) solid var(--primary-dark);border-radius:var(--builder-highlight-radius,4px);z-index:3;display:none}.panzy-overlay--visible{display:block}.panzy-outline-hover,.panzy-outline-selected{outline:2px solid var(--primary-dark);outline-offset:0}.block-content{width:100%}.react-flow__handle{width:15px!important;height:15px!important;background:#fff!important;border:1px solid var(--primary-dark)!important}.layout.production-mode{border:none}