.draggable-item[data-v-490f4a39]{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-490f4a39]: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-490f4a39]{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-490f4a39]{font-size:24px}.component-name[data-v-490f4a39]{font-size:14px;color:#333}[data-v-490f4a39]:focus{outline:none!important}.noselect[data-v-490f4a39],body[data-v-490f4a39]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ml-svg-icon svg circle[data-v-490f4a39],.ml-svg-icon svg g[data-v-490f4a39],.ml-svg-icon svg path[data-v-490f4a39],.ml-svg-icon svg rect[data-v-490f4a39]{fill:none!important;stroke:currentColor!important;stroke-width:2}.ml-svg-icon[data-v-490f4a39]{margin-top:20px;width:46px;height:46px;color:#3b3b3b;position:relative}.ml-svg-icon svg[data-v-490f4a39]{width:46px;height:46px}.component-name-wrapper[data-v-490f4a39]{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-490f4a39]{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;margin-bottom:20px}.draggable-item[data-v-71d27dc5]{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-71d27dc5]: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-71d27dc5]{position:absolute;top:6px;right:6px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;background-color:hsla(0,0%,85.1%,.7);padding:6px;border-radius:8px;z-index:2;height:auto;-webkit-transition:opacity .15s ease;transition:opacity .15s ease}.floating-panel.hover-reveal[data-v-71d27dc5]{opacity:0;pointer-events:none}.draggable-item:hover .floating-panel.hover-reveal[data-v-71d27dc5]{opacity:1;pointer-events:auto}.action-btn[data-v-71d27dc5]{background:transparent;border:none;cursor:pointer;width:32px;height:32px;padding:0;border-radius:6px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background-color .15s ease,color .15s ease;transition:background-color .15s ease,color .15s ease}.action-btn[data-v-71d27dc5]:hover{background:hsla(0,0%,100%,.6)}.action-btn .ml-svg-icon svg[data-v-71d27dc5]{width:20px;height:40px}.action-btn[data-v-71d27dc5]{color:#3b3b3b}.action-btn .ml-svg-icon[data-v-71d27dc5]{color:inherit}.action-btn.rename-btn[data-v-71d27dc5]:hover{color:#2d9bf0}.action-btn.delete-btn[data-v-71d27dc5]:hover{color:#dc3545}.icon-box[data-v-71d27dc5]{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}[data-v-71d27dc5]:focus{outline:none!important}.noselect[data-v-71d27dc5],body[data-v-71d27dc5]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ml-svg-icon svg circle[data-v-71d27dc5],.ml-svg-icon svg g[data-v-71d27dc5],.ml-svg-icon svg path[data-v-71d27dc5],.ml-svg-icon svg rect[data-v-71d27dc5]{fill:none!important;stroke:currentColor!important;stroke-width:2}.ml-svg-icon[data-v-71d27dc5]{width:46px;height:46px;color:#3b3b3b;position:relative}.ml-svg-icon svg[data-v-71d27dc5]{width:46px;height:46px}.component-name-wrapper[data-v-71d27dc5]{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-71d27dc5]{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-4ed07df2]{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-4ed07df2]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.btn-image[data-v-e31e1312]{height:2em}.toolbar-container[data-v-e31e1312]{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-e31e1312]{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-e31e1312]{border-left:1px solid #dedede;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.right-aligned-buttons[data-v-e31e1312],.toolbar-btn[data-v-e31e1312]{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-e31e1312]{-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-e31e1312]:hover{background-color:#e0e0e0}.toolbar-btn.selected[data-v-e31e1312]{background-color:#f9f9f9;color:#3b3b3b}.toolbar-btn.selected[data-v-e31e1312]:hover{background-color:#606468}.toolbar-btn-icon[data-v-e31e1312]{width:36px;height:36px}.palette-btn .svg-icon svg[data-v-e31e1312]{width:36px!important;height:36px!important}.palette-btn .svg-icon svg path[data-v-e31e1312]{stroke-width:6!important;stroke:#000;fill:currentColor}.field-help[data-v-e31e1312]{margin-top:.35rem;font-size:1rem;padding:.35rem .5rem;border-radius:4px;background-color:#f7f9fc;border-left:3px solid #007bff;color:#444}.btn-image[data-v-1def4e66]{height:2em}.toolbar-container[data-v-1def4e66]{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-1def4e66]{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;padding-left:8px;-ms-flex-line-pack:start;align-content:flex-start}.right-aligned-buttons[data-v-1def4e66]{border-left:1px solid #dedede;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.right-aligned-buttons[data-v-1def4e66],.toolbar-btn[data-v-1def4e66]{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-1def4e66]{-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-1def4e66]:hover{background-color:#e0e0e0}.toolbar-btn.selected[data-v-1def4e66]{background-color:#f9f9f9;color:#3b3b3b}.toolbar-btn.selected[data-v-1def4e66]:hover{background-color:#606468}.toolbar-btn-icon[data-v-1def4e66]{width:36px;height:36px}.palette-btn .svg-icon svg[data-v-1def4e66]{width:36px!important;height:36px!important}.palette-btn .svg-icon svg path[data-v-1def4e66]{stroke-width:6!important;stroke:#000;fill:currentColor}.tool-header[data-v-1def4e66]{padding:8px}.web-builder-topbar[data-v-cdb418a0]{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-cdb418a0],.tb-right[data-v-cdb418a0]{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-cdb418a0]{text-decoration:none}