.snippet-toolbar[data-v-dd73bc57]{position:absolute;top:8px;right:20px;display:flex;align-items:center;gap:4px;padding:6px 8px;background-color:#1f2937;border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:9999;overflow:visible}.drag-handle[data-v-dd73bc57]{cursor:grab;touch-action:none}.drag-handle[data-v-dd73bc57]:active{cursor:grabbing}.drag-handle[data-v-dd73bc57]:hover{background-color:#ffffff26}.toolbar-checkbox[data-v-dd73bc57]{display:flex;align-items:center;justify-content:center;padding:0 4px;cursor:pointer}.toolbar-checkbox input[data-v-dd73bc57]{width:16px;height:16px;cursor:pointer;accent-color:#10b981}.toolbar-btn[data-v-dd73bc57]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background-color:transparent;color:#fff;cursor:pointer;transition:background-color .2s;padding:0}.toolbar-btn[data-v-dd73bc57]:hover{background-color:#ffffff26}.toolbar-btn[data-v-dd73bc57]:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn[data-v-dd73bc57]:disabled:hover{background-color:transparent}.dropdown-container[data-v-dd73bc57]{position:relative;font-family:Source Sans Pro,sans-serif}.dropdown-menu[data-v-dd73bc57]{position:absolute;display:block;top:100%;right:auto;left:auto;transform:translate(calc(-100% + 28px));margin-top:4px;min-width:160px;background:#fff;border-radius:8px;box-shadow:0 4px 16px #0003;z-index:30;overflow:hidden}.dropdown-item[data-v-dd73bc57]{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:none;color:#374151;font-size:14px;text-align:left;cursor:pointer;transition:background-color .15s}.dropdown-item[data-v-dd73bc57]:hover{background-color:#f3f4f6}.dropdown-item.danger[data-v-dd73bc57]{color:#dc2626}.dropdown-item.danger[data-v-dd73bc57]:hover{background-color:#fef2f2}.dropdown-divider[data-v-dd73bc57]{height:1px;background-color:#e5e7eb;margin:4px 0}.import-html-overlay[data-v-b2fd0a47]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2147483647}.import-html-modal[data-v-b2fd0a47]{background:#fff;border-radius:12px;padding:24px;width:600px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.import-html-modal h3[data-v-b2fd0a47]{margin:0 0 8px;font-size:18px;font-weight:600;color:#1f2937}.import-html-modal p[data-v-b2fd0a47]{margin:0 0 16px;font-size:14px;color:#6b7280}.import-html-textarea[data-v-b2fd0a47]{width:100%;min-height:200px;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-family:monospace;font-size:13px;line-height:1.5;resize:vertical;box-sizing:border-box}.import-html-textarea[data-v-b2fd0a47]:focus{outline:none;border-color:#51d182;box-shadow:0 0 0 3px #4f46e51a}.import-html-actions[data-v-b2fd0a47]{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.import-btn[data-v-b2fd0a47]{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid #d1d5db;transition:background-color .15s}.import-btn-cancel[data-v-b2fd0a47]{background:#fff;color:#374151}.import-btn-cancel[data-v-b2fd0a47]:hover{background:#f3f4f6}.import-btn-confirm[data-v-b2fd0a47]{background:#51d182;color:#fff;border-color:#51d182}.import-btn-confirm[data-v-b2fd0a47]:hover{background:#4338ca}.import-btn-confirm[data-v-b2fd0a47]:disabled{opacity:.5;cursor:not-allowed}.v1-snippet-wrapper[data-v-778954f8]{position:relative;transition:box-shadow .2s;isolation:isolate;outline:none}.v1-snippet-wrapper.dropdown-open[data-v-778954f8]{z-index:100}.v1-snippet-wrapper[data-v-778954f8]:hover{box-shadow:inset 0 0 0 2px #51d1828c}.v1-snippet-wrapper.drag-active[data-v-778954f8]:hover{box-shadow:none}.v1-snippet-wrapper.selected[data-v-778954f8]{box-shadow:inset 0 0 0 2px #51d182}.v1-snippet-wrapper.multi-selected[data-v-778954f8]{box-shadow:inset 0 0 0 2px #10b981}.v1-snippet-wrapper.selection-mode[data-v-778954f8]{box-shadow:inset 0 0 0 1px #51d1824d}.v1-snippet-wrapper.selection-mode.multi-selected[data-v-778954f8]{box-shadow:inset 0 0 0 2px #10b981}.snippet-content[data-v-778954f8]{position:relative;z-index:1}.v1-snippet-wrapper.is-dragging[data-v-778954f8]{opacity:.4;pointer-events:none}.selection-outline[data-v-778954f8]{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #51d182;pointer-events:none;z-index:5}.multi-selected .selection-outline[data-v-778954f8]{border-color:#10b981}.v1-snippet-wrapper.webmag_hide[data-v-778954f8]{display:block!important}.v1-snippet-wrapper.webmag_hide>.snippet-content[data-v-778954f8]{opacity:.35}.v1-snippet-wrapper.webmag_hide[data-v-778954f8]:after{content:"Hidden";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;color:#fff;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;pointer-events:none;z-index:10}.v1-snippet-wrapper.webmag_lock>.snippet-content[data-v-778954f8]{pointer-events:none}.v1-snippet-wrapper.webmag_lock[data-v-778954f8]:before{content:"";position:absolute;top:8px;left:8px;width:20px;height:20px;background:#00000080;border-radius:4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;pointer-events:none;z-index:10}.btn-component-paddingTop[data-v-778954f8],.btn-component-paddingBottom[data-v-778954f8]{display:none;position:absolute;left:50%;transform:translate(-50%);z-index:998;width:25px;height:20px;background:#fff;border:1px dashed #ccc;cursor:pointer;padding:0;align-items:center;justify-content:center}.btn-component-paddingTop[data-v-778954f8]{top:0;border-top:2px dashed #ccc;border-bottom:0;border-radius:0 0 4px 4px}.btn-component-paddingBottom[data-v-778954f8]{bottom:0;top:auto;border-bottom:2px dashed #ccc;border-top:0;border-radius:4px 4px 0 0}.v1-snippet-wrapper:hover .btn-component-paddingTop[data-v-778954f8],.v1-snippet-wrapper:hover .btn-component-paddingBottom[data-v-778954f8]{display:flex}.btn-component-paddingTop svg[data-v-778954f8],.btn-component-paddingBottom svg[data-v-778954f8]{color:#9e9e9e}.btn-component-paddingTop[data-v-778954f8]:hover,.btn-component-paddingBottom[data-v-778954f8]:hover{background-color:#fff}.btn-component-paddingTop:hover svg[data-v-778954f8],.btn-component-paddingBottom:hover svg[data-v-778954f8]{color:#55d284cc}.v1-snippet-wrapper .snippet-toolbar{opacity:0;pointer-events:none;transition:opacity .2s}.v1-snippet-wrapper:hover .snippet-toolbar,.v1-snippet-wrapper.selected .snippet-toolbar,.v1-snippet-wrapper.selection-mode .snippet-toolbar,.v1-snippet-wrapper.webmag_lock .snippet-toolbar,.v1-snippet-wrapper.webmag_hide .snippet-toolbar,.v1-snippet-wrapper.dropdown-open .snippet-toolbar{opacity:1;pointer-events:auto}.editor-container[data-v-951bf26b]{position:relative;min-height:100px;border:1px dashed transparent;transition:border-color .2s,background-color .2s}.editor-container[data-v-951bf26b]:hover{border-color:#51d1824d}.editor-container.drag-active[data-v-951bf26b]:hover{border-color:transparent}.editor-container.empty[data-v-951bf26b]{border-color:#9ca3af4d}.editor-container.drop-target[data-v-951bf26b]{border-color:#51d182;background-color:#4f46e50d}.editor-container.drag-active.drop-target[data-v-951bf26b]{border-color:transparent;background-color:transparent}.container-content[data-v-951bf26b]{position:relative;min-height:80px}.drop-insertion-line[data-v-951bf26b]{position:absolute;left:0;right:0;height:3px;background-color:#51d182;border-radius:2px;pointer-events:none;z-index:100;transform:translateY(-1.5px);box-shadow:0 0 6px #4f46e580}.empty-container[data-v-951bf26b]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;padding:2rem;color:#9ca3af;font-size:.875rem;gap:.5rem}.empty-icon[data-v-951bf26b]{color:#d1d5db}.empty-container p[data-v-951bf26b]{margin:0}.sidebar-snippet-wrapper[data-v-974c5e68]{position:relative;width:100%;height:100%}.sidebar-snippet-toolbar[data-v-974c5e68]{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:2px;padding:2px;background-color:#1f2937e6;border-radius:6px;z-index:9999;opacity:0;pointer-events:none;transition:opacity .15s ease}.sidebar-snippet-wrapper:hover .sidebar-snippet-toolbar[data-v-974c5e68]{opacity:1;pointer-events:auto}.toolbar-btn[data-v-974c5e68]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:4px;background:transparent;color:#fff;cursor:pointer;transition:background-color .15s}.toolbar-btn[data-v-974c5e68]:hover{background-color:#ffffff26}.sidebar-snippet-content[data-v-974c5e68]{width:100%;height:100%}.editor-canvas[data-v-83952ed3]{display:flex;flex-direction:column;height:100%;background-color:#fff}.canvas-viewport[data-v-83952ed3]{flex:1;display:flex;flex-direction:column;padding:0}.canvas-frame[data-v-83952ed3]{position:relative;width:100%;min-height:100%;background-color:#fff}.empty-canvas[data-v-83952ed3]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;padding:3rem;text-align:center;color:#9ca3af}.empty-icon[data-v-83952ed3]{margin-bottom:1.5rem;color:#d1d5db}.empty-canvas h2[data-v-83952ed3]{margin:0;font-size:1.5rem;color:#374151}.empty-canvas p[data-v-83952ed3]{margin:.5rem 0 0;color:#6b7280}.heightDrag[data-v-83952ed3]{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#f3f4f6;color:#374151;border-radius:4px;cursor:ns-resize;z-index:99999;pointer-events:all;opacity:.6;transition:opacity .15s;-webkit-user-select:none;user-select:none}.heightDrag[data-v-83952ed3]:hover{opacity:1;background-color:#e5e7eb}.canvas-content[data-v-83952ed3]{min-height:100%}.selection-toolbar[data-v-83952ed3]{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;padding:12px 20px;background-color:#1f2937;border-radius:12px;box-shadow:0 8px 24px #0000004d;z-index:100}.selection-count[data-v-83952ed3]{color:#9ca3af;font-size:14px;font-weight:500;white-space:nowrap}.selection-toolbar-buttons[data-v-83952ed3]{display:flex;align-items:center;gap:8px}.selection-btn[data-v-83952ed3]{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:8px;background-color:#ffffff1a;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s}.selection-btn[data-v-83952ed3]:hover{background-color:#fff3}.selection-btn[data-v-83952ed3]:disabled{opacity:.4;cursor:not-allowed}.selection-btn[data-v-83952ed3]:disabled:hover{background-color:#ffffff1a}.selection-btn.danger[data-v-83952ed3]{color:#f87171}.selection-btn.danger[data-v-83952ed3]:hover{background-color:#f8717133}.selection-btn.done[data-v-83952ed3]{background-color:#51d182}.selection-btn.done[data-v-83952ed3]:hover{background-color:#4338ca}.import-html-overlay[data-v-83952ed3]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2147483647}.import-html-modal[data-v-83952ed3]{background:#fff;border-radius:12px;padding:24px;width:600px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.import-html-modal h3[data-v-83952ed3]{margin:0 0 8px;font-size:18px;font-weight:600;color:#1f2937}.import-html-modal p[data-v-83952ed3]{margin:0 0 16px;font-size:14px;color:#6b7280}.import-html-textarea[data-v-83952ed3]{width:100%;min-height:200px;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-family:monospace;font-size:13px;line-height:1.5;resize:vertical;box-sizing:border-box}.import-html-textarea[data-v-83952ed3]:focus{outline:none;border-color:#51d182;box-shadow:0 0 0 3px #4f46e51a}.import-html-actions[data-v-83952ed3]{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.import-btn[data-v-83952ed3]{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid #d1d5db;transition:background-color .15s}.import-btn-cancel[data-v-83952ed3]{background:#fff;color:#374151}.import-btn-cancel[data-v-83952ed3]:hover{background:#f3f4f6}.import-btn-confirm[data-v-83952ed3]{background:#51d182;color:#fff;border-color:#51d182}.import-btn-confirm[data-v-83952ed3]:hover{background:#4338ca}.import-btn-confirm[data-v-83952ed3]:disabled{opacity:.5;cursor:not-allowed}.inner-snippet-toolbar[data-v-8d8d9295]{position:fixed;z-index:99999;pointer-events:auto;transform:translateY(-100%)}.snippet-toolbar[data-v-8d8d9295]{position:relative;top:auto;right:auto;display:flex;align-items:center;gap:4px;padding:6px 8px;background-color:#1f2937;border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:20;overflow:visible}.toolbar-btn[data-v-8d8d9295]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background-color:transparent;color:#fff;cursor:pointer;transition:background-color .2s;padding:0}.toolbar-btn[data-v-8d8d9295]:hover{background-color:#ffffff26}.toolbar-btn[data-v-8d8d9295]:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn[data-v-8d8d9295]:disabled:hover{background-color:transparent}.toolbar-checkbox[data-v-8d8d9295]{display:flex;align-items:center;padding:0 4px}.toolbar-checkbox input[type=checkbox][data-v-8d8d9295]{width:16px;height:16px;cursor:pointer}.drag-handle[data-v-8d8d9295]{cursor:grab;touch-action:none}.drag-handle[data-v-8d8d9295]:active{cursor:grabbing}.dropdown-container[data-v-8d8d9295]{position:relative}.dropdown-menu[data-v-8d8d9295]{position:absolute;display:block;top:100%;right:auto;left:auto;transform:translate(calc(-100% + 28px));margin-top:4px;min-width:160px;background:#fff;border-radius:8px;box-shadow:0 4px 16px #0003;z-index:30;overflow:hidden}.dropdown-item[data-v-8d8d9295]{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:none;color:#374151;font-size:14px;text-align:left;cursor:pointer;transition:background-color .15s}.dropdown-item[data-v-8d8d9295]:hover{background-color:#f3f4f6}.dropdown-item[data-v-8d8d9295]:disabled{opacity:.5;cursor:not-allowed}.dropdown-item[data-v-8d8d9295]:disabled:hover{background-color:transparent}.dropdown-item.danger[data-v-8d8d9295]{color:#dc2626}.dropdown-item.danger[data-v-8d8d9295]:hover{background-color:#fef2f2}.dropdown-divider[data-v-8d8d9295]{height:1px;background-color:#e5e7eb;margin:4px 0}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%}body{overflow-y:auto;overflow-x:hidden}.vue3-editor-canvas{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.canvas-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem;padding:2rem;text-align:center;color:#666}.error-icon{width:64px;height:64px;background-color:#ef4444;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700}.canvas-error h2{margin:0;font-size:1.5rem;color:#333}.keditor-container-content>section:hover,.keditor-sub-container-content>section:hover{outline:2px dashed #51d182;outline-offset:-2px}body.drag-active .keditor-container-content>section:hover,body.drag-active .keditor-sub-container-content>section:hover{outline:none}.keditor-container-content>section>.btn-component-paddingTop,.keditor-container-content>section>.btn-component-paddingBottom,.keditor-sub-container-content>section>.btn-component-paddingTop,.keditor-sub-container-content>section>.btn-component-paddingBottom{display:none;position:absolute;left:50%;transform:translate(-50%);z-index:998;width:25px;height:20px;background:#fff;border:1px dashed #ccc;cursor:pointer;padding:0;align-items:center;justify-content:center}.keditor-container-content>section>.btn-component-paddingTop,.keditor-sub-container-content>section>.btn-component-paddingTop{top:0;border-top:2px dashed #ccc;border-bottom:0;border-radius:0 0 4px 4px}.keditor-container-content>section>.btn-component-paddingBottom,.keditor-sub-container-content>section>.btn-component-paddingBottom{bottom:0;top:auto;border-bottom:2px dashed #ccc;border-top:0;border-radius:4px 4px 0 0}.keditor-container-content>section:hover>.btn-component-paddingTop,.keditor-container-content>section:hover>.btn-component-paddingBottom,.keditor-sub-container-content>section:hover>.btn-component-paddingTop,.keditor-sub-container-content>section:hover>.btn-component-paddingBottom{display:flex}.keditor-container-content>section>.btn-component-paddingTop svg,.keditor-container-content>section>.btn-component-paddingBottom svg,.keditor-sub-container-content>section>.btn-component-paddingTop svg,.keditor-sub-container-content>section>.btn-component-paddingBottom svg{color:#9e9e9e}.keditor-container-content>section>.btn-component-paddingTop:hover,.keditor-container-content>section>.btn-component-paddingBottom:hover,.keditor-sub-container-content>section>.btn-component-paddingTop:hover,.keditor-sub-container-content>section>.btn-component-paddingBottom:hover{background-color:#fff}.keditor-container-content>section>.btn-component-paddingTop:hover svg,.keditor-container-content>section>.btn-component-paddingBottom:hover svg,.keditor-sub-container-content>section>.btn-component-paddingTop:hover svg,.keditor-sub-container-content>section>.btn-component-paddingBottom:hover svg{color:#55d284cc}.inner-snippet-dragging{pointer-events:none}.inner-snippet-ghost{position:fixed;top:0;left:0;z-index:100000;pointer-events:none;opacity:.85;transform-origin:top left;box-shadow:0 10px 24px #00000040;border-radius:4px}.inner-snippet-drop-indicator{position:fixed;height:3px;background-color:#51d182;border-radius:2px;pointer-events:none;z-index:100001;box-shadow:0 0 6px #4f46e599}.keditor-ui .d-wps-show,.keditor-ui .d-wps-show.d-none,.keditor-ui .ro_xs .d-wps-show,.keditor-ui .ro_xs .d-wps-show.d-none{display:block!important}