.draggable-item[data-v-4df3cd63]{border:1px solid #dedede;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:102px;height:102px;background-color:#fff;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1);box-shadow:0 2px 5px rgba(0,0,0,.1);cursor:pointer;-webkit-transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease}.draggable-item[data-v-4df3cd63]:hover{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 4px 10px rgba(0,0,0,.2);box-shadow:0 4px 10px rgba(0,0,0,.2)}.icon-box[data-v-4df3cd63]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;height:auto;margin-bottom:8px}.icon[data-v-4df3cd63]{font-size:24px}.component-name[data-v-4df3cd63]{font-size:14px;color:#333}[data-v-4df3cd63]:focus{outline:none!important}.noselect[data-v-4df3cd63],body[data-v-4df3cd63]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ml-svg-icon svg circle[data-v-4df3cd63],.ml-svg-icon svg g[data-v-4df3cd63],.ml-svg-icon svg path[data-v-4df3cd63],.ml-svg-icon svg rect[data-v-4df3cd63]{fill:none!important;stroke:currentColor!important;stroke-width:2}.ml-svg-icon[data-v-4df3cd63]{margin-top:20px;width:46px;height:46px;color:#3b3b3b;position:relative}.ml-svg-icon svg[data-v-4df3cd63]{width:46px;height:46px}.component-name-wrapper[data-v-4df3cd63]{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.component-name[data-v-4df3cd63]{font-size:13px;color:#3b3b3b;text-align:center;padding:0 8px;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;white-space:normal;overflow-wrap:anywhere;line-height:1.2}.btn-image[data-v-48607d70]{height:2em}.toolbar-container[data-v-48607d70]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.toolbar-grid[data-v-48607d70]{display:block;background-color:#f9f9f9;padding:8px 8px 16px 8px}.tool-block[data-v-48607d70]{background:#fff;border:1px solid #dedede;border-radius:12px;padding:12px;margin:6px 4px 12px 4px}.tool-header[data-v-48607d70]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10px}.tool-actions[data-v-48607d70],.tool-header[data-v-48607d70]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tool-actions[data-v-48607d70]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:8px}.preview-row[data-v-48607d70]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.color-grid[data-v-48607d70]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.color-item label[data-v-48607d70]{display:block;font-size:12px;margin-bottom:4px;color:#555}.swatch[data-v-48607d70]{width:24px;height:24px;border-radius:6px;border:1px solid #ccc}.hex-input[data-v-48607d70]{width:110px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;padding:4px 6px}.panel-style-btn[data-v-48607d70]{border:1px solid #cfcfcf;background:#fafafa;border-radius:10px;padding:8px;width:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.panel-style-btn.selected[data-v-48607d70]{background:#eef6ff;border-color:#93c5fd}.panel-style-btn .panel-preview[data-v-48607d70]{width:80px;height:48px;border:1px solid #d0d0d0;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f4f4f4));background:linear-gradient(180deg,#fff,#f4f4f4)}.shadow-demo[data-v-48607d70]{min-width:200px;border:1px solid;border-radius:12px;padding:16px}.font-preview[data-v-48607d70]{padding:8px 12px;border-radius:8px;border:1px dashed #d0d0d0;background:#fafafa}.hero-thumb[data-v-48607d70]{width:160px;height:96px;background-size:cover;background-position:50%;border-radius:8px;border:1px solid #ddd}.font-size-inline[data-v-48607d70],.radius-inline[data-v-48607d70]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.mono[data-v-48607d70]{font-family:ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,monospace}.btn-preview[data-v-48607d70]{border:1px solid transparent;cursor:default}.draggable-item[data-v-85067f60]{position:relative;border:1px solid #dedede;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:312px;height:160px;background-color:#fff;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1);box-shadow:0 2px 5px rgba(0,0,0,.1);cursor:pointer;-webkit-transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease}.draggable-item[data-v-85067f60]:hover{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 4px 10px rgba(0,0,0,.2);box-shadow:0 4px 10px rgba(0,0,0,.2)}.floating-panel[data-v-85067f60]{position:absolute;top:6px;right:6px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:8px;background-color:hsla(0,0%,85.1%,.7);padding:4px;border-radius:6px;z-index:2;-webkit-transition:opacity .15s ease;transition:opacity .15s ease}.floating-panel.hover-reveal[data-v-85067f60]{opacity:0;pointer-events:none}.draggable-item:hover .floating-panel.hover-reveal[data-v-85067f60]{opacity:1;pointer-events:auto}.action-btn[data-v-85067f60]{background:transparent;border:none;cursor:pointer;line-height:0;padding:2px}.action-btn .ml-svg-icon svg[data-v-85067f60]{width:20px;height:20px}.action-btn.delete-btn:hover .ml-svg-icon[data-v-85067f60]{color:#dc3545}.icon-box[data-v-85067f60]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;height:auto;margin-bottom:8px}.icon[data-v-85067f60]{font-size:24px}.component-name[data-v-85067f60]{font-size:14px;color:#333}[data-v-85067f60]:focus{outline:none!important}.noselect[data-v-85067f60],body[data-v-85067f60]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ml-svg-icon svg circle[data-v-85067f60],.ml-svg-icon svg g[data-v-85067f60],.ml-svg-icon svg path[data-v-85067f60],.ml-svg-icon svg rect[data-v-85067f60]{fill:none!important;stroke:currentColor!important;stroke-width:2}.ml-svg-icon[data-v-85067f60]{margin-top:20px;width:46px;height:46px;color:#3b3b3b;position:relative}.ml-svg-icon svg[data-v-85067f60]{width:46px;height:46px}.component-name-wrapper[data-v-85067f60]{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.component-name[data-v-85067f60]{font-size:13px;color:#3b3b3b;text-align:center;padding:0 8px;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;white-space:normal;overflow-wrap:anywhere;line-height:1.2}.toolbar-container[data-v-90f963aa]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:8px;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;padding:8px}.toolbar-container>[data-v-90f963aa]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.btn-image[data-v-5e22a4c0]{height:2em}.toolbar-container[data-v-5e22a4c0]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.toolbar-grid[data-v-5e22a4c0]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:12px;background-color:#f9f9f9;padding-left:8px;-ms-flex-line-pack:start;align-content:flex-start}.right-aligned-buttons[data-v-5e22a4c0]{border-left:1px solid #dedede;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.right-aligned-buttons[data-v-5e22a4c0],.toolbar-btn[data-v-5e22a4c0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#d4d4d4}.toolbar-btn[data-v-5e22a4c0]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:400;color:#3b3b3b;border:none;cursor:pointer;width:100%;gap:8px;text-transform:capitalize;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;width:96px;height:96px}.toolbar-btn[data-v-5e22a4c0]:hover{background-color:#e0e0e0}.toolbar-btn.selected[data-v-5e22a4c0]{background-color:#f9f9f9;color:#3b3b3b}.toolbar-btn.selected[data-v-5e22a4c0]:hover{background-color:#606468}.toolbar-btn-icon[data-v-5e22a4c0]{width:36px;height:36px}.palette-btn .svg-icon svg[data-v-5e22a4c0]{width:36px!important;height:36px!important}.palette-btn .svg-icon svg path[data-v-5e22a4c0]{stroke-width:6!important;stroke:#000;fill:currentColor}.btn-image[data-v-0eefae15]{height:2em}.toolbar-container[data-v-0eefae15]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.toolbar-grid[data-v-0eefae15]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:12px;background-color:#f9f9f9;padding-left:8px;-ms-flex-line-pack:start;align-content:flex-start}.right-aligned-buttons[data-v-0eefae15]{border-left:1px solid #dedede;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.right-aligned-buttons[data-v-0eefae15],.toolbar-btn[data-v-0eefae15]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#d4d4d4}.toolbar-btn[data-v-0eefae15]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:400;color:#3b3b3b;border:none;cursor:pointer;width:100%;gap:8px;text-transform:capitalize;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;width:96px;height:96px}.toolbar-btn[data-v-0eefae15]:hover{background-color:#e0e0e0}.toolbar-btn.selected[data-v-0eefae15]{background-color:#f9f9f9;color:#3b3b3b}.toolbar-btn.selected[data-v-0eefae15]:hover{background-color:#606468}.toolbar-btn-icon[data-v-0eefae15]{width:36px;height:36px}.palette-btn .svg-icon svg[data-v-0eefae15]{width:36px!important;height:36px!important}.palette-btn .svg-icon svg path[data-v-0eefae15]{stroke-width:6!important;stroke:#000;fill:currentColor}.btn-image[data-v-310f3e54]{height:2em}.toolbar-container[data-v-310f3e54]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.toolbar-grid[data-v-310f3e54]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:12px;background-color:#f9f9f9;padding-left:8px;-ms-flex-line-pack:start;align-content:flex-start}.right-aligned-buttons[data-v-310f3e54]{border-left:1px solid #dedede;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.right-aligned-buttons[data-v-310f3e54],.toolbar-btn[data-v-310f3e54]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#d4d4d4}.toolbar-btn[data-v-310f3e54]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:400;color:#3b3b3b;border:none;cursor:pointer;width:100%;gap:8px;text-transform:capitalize;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;width:96px;height:96px}.toolbar-btn[data-v-310f3e54]:hover{background-color:#e0e0e0}.toolbar-btn.selected[data-v-310f3e54]{background-color:#f9f9f9;color:#3b3b3b}.toolbar-btn.selected[data-v-310f3e54]:hover{background-color:#606468}.toolbar-btn-icon[data-v-310f3e54]{width:36px;height:36px}.palette-btn .svg-icon svg[data-v-310f3e54]{width:36px!important;height:36px!important}.palette-btn .svg-icon svg path[data-v-310f3e54]{stroke-width:6!important;stroke:#000;fill:currentColor}.question-label[data-v-28d05712]{display:block;font-weight:700;margin-bottom:5px}.box[data-v-28d05712]{padding:15px;padding-top:20px;border:1px solid #ececec;-webkit-transition:border-color .3s,background-color .3s;transition:border-color .3s,background-color .3s;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.selected-box[data-v-28d05712]{border-color:#0085eb;background-color:#f6fdff}.box-header[data-v-28d05712]{width:100%}.box-header[data-v-28d05712],.exp-checkbox-label[data-v-28d05712]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.exp-checkbox-label[data-v-28d05712]{cursor:pointer;position:relative}.exp-checkbox-label input[data-v-28d05712]{opacity:0;width:0;height:0}.exp-checkbox-custom[data-v-28d05712]{width:24px;height:24px;background-color:#fff;border:2px solid #0085eb;border-radius:4px;position:relative;-webkit-transition:background-color .2s,border-color .2s;transition:background-color .2s,border-color .2s}.exp-checkbox-label input:checked~.exp-checkbox-custom[data-v-28d05712]{background-color:#0085eb;border-color:#0085eb}.exp-checkbox-custom[data-v-28d05712]:after{content:"";position:absolute;display:none}.exp-checkbox-label input:checked~.exp-checkbox-custom[data-v-28d05712]:after{display:block}.exp-checkbox-custom[data-v-28d05712]:after{left:6px;top:2px;width:8px;height:12px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.exp-checkbox-text[data-v-28d05712]{margin-left:12px;font-size:14px}.question-label[data-v-4115e297]{display:block;font-weight:700;margin-bottom:5px}.editable-header[data-v-4115e297]{min-width:300px;min-height:20px;padding:8px}.editable-header[data-v-4115e297]:hover{border:2px solid #32c932}.placeholder-row{height:36px;background-color:#7fffd4;border:1px dashed #000;padding:4px}.invisible{display:none}.placeholder-row:hover{background-color:#e9e9e9}.selectable-row:hover{border:2px solid green}.add-row{margin-left:16px;margin-top:4px;color:#085791;font-weight:500}.add-row:hover{text-decoration:underline}.top-right-panel{position:absolute;top:10px;right:10px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;background-color:hsla(0,0%,85.1%,.7000000000000001);padding:5px;border-radius:4px}.top-right-panel button{background:transparent;border:none;cursor:pointer}.top-right-panel svg{width:20px;height:20px;fill:#333}.top-right-panel svg:hover{fill:red}.editor-container{position:relative}.web-builder-topbar[data-v-401966ce]{position:sticky;top:0;z-index:50;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;padding:8px 12px;background:#fff;border-bottom:1px solid #e5e7eb;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.03);box-shadow:0 1px 0 rgba(0,0,0,.03)}.tb-left[data-v-401966ce],.tb-right[data-v-401966ce]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.topbar-link[data-v-401966ce]{text-decoration:none}#container-area[data-v-65b9f676]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.debug-info[data-v-65b9f676]{background-color:#f8f9fa;padding:15px;border-bottom:2px solid #ddd;font-size:14px;margin-bottom:15px}.debug-info h4[data-v-65b9f676]{margin:0;font-size:16px;font-weight:700}.debug-info p[data-v-65b9f676]{margin:5px 0}.debug-info pre[data-v-65b9f676]{background:#eee;padding:10px;font-size:12px;max-width:100%;word-wrap:break-word;white-space:pre-wrap}.drop-area[data-v-65b9f676]{border:1px dashed #ccc;margin:10px 0;cursor:pointer}.between-rows-drop-area[data-v-65b9f676]{background-color:#0ff;border:1px dashed #000}.dragging-component[data-v-65b9f676]{opacity:.5}.outer-dropzone[data-v-65b9f676]{border:2px solid brown!important}[data-v-65b9f676]:focus{outline:none!important}.web-builder-row[data-v-65b9f676]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;min-height:0}.web-builder-main[data-v-65b9f676]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;min-height:0}.web-builder-toolbar[data-v-65b9f676]{width:456px;-ms-flex-negative:0;flex-shrink:0;padding-left:16px;height:100%;overflow:hidden}.web-builder-container[data-v-65b9f676]{height:92vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.layout-row[data-v-65b9f676]{margin:auto}