.cert-style-page[data-v-3a17f2a7]{padding-bottom:70px}.cert-style-card[data-v-3a17f2a7] .el-card__body{padding:20px}.style-body[data-v-3a17f2a7]{display:flex;gap:20px;align-items:flex-start;position:relative;height:calc(100vh - 210px);min-height:760px;overflow:hidden}.preview-panel[data-v-3a17f2a7]{width:430px;min-width:430px;max-width:430px;flex-shrink:0;height:auto;display:flex;flex-direction:column}.preview-stage[data-v-3a17f2a7],.setting-panel[data-v-3a17f2a7]{background:#fff;border:1px solid #ebeef5;border-radius:12px}.preview-stage[data-v-3a17f2a7]{flex:none;padding:0;background:linear-gradient(180deg,#f9fafc,#f2f4f8);overflow:hidden}.preview-canvas-wrap[data-v-3a17f2a7]{height:auto;overflow:hidden;border-radius:0;border:0;background:transparent;display:flex;justify-content:center;align-items:flex-start}.preview-canvas-stage[data-v-3a17f2a7]{position:relative;flex-shrink:0}.preview-canvas[data-v-3a17f2a7]{position:relative;box-shadow:0 18px 40px rgba(28,44,85,.12)}.canvas-bg-layer[data-v-3a17f2a7]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.design-item[data-v-3a17f2a7]{position:absolute;cursor:pointer;transition:box-shadow .2s ease,border-color .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.design-item--debug[data-v-3a17f2a7]{border:1px dashed rgba(64,109,255,.38);background:rgba(64,109,255,.04)}.design-item--active[data-v-3a17f2a7]{box-shadow:0 0 0 3px rgba(64,109,255,.15);border-color:var(--color)!important;cursor:move}.text-content[data-v-3a17f2a7]{width:100%;height:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.image-content[data-v-3a17f2a7]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.image-placeholder[data-v-3a17f2a7]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#8b95a7;font-size:22px;border:1px dashed #cbd5e1;background:hsla(0,0%,100%,.6)}.setting-panel[data-v-3a17f2a7]{flex:1;min-width:0;height:100%;padding:18px 20px 24px;overflow-y:auto;background:linear-gradient(180deg,#fbfcff,#f7f9fc);border:1px solid #ebeef5;border-radius:12px}.setting-tabs-bar[data-v-3a17f2a7]{height:42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f7;margin-bottom:16px}.setting-tabs-nav[data-v-3a17f2a7]{display:flex;align-items:center;height:100%}.setting-tab[data-v-3a17f2a7]{height:42px;line-height:42px;padding:0 4px;margin-right:44px;font-size:16px;font-weight:600;color:#303133;cursor:pointer;border-bottom:2px solid transparent;transition:.2s ease}.setting-tab--active[data-v-3a17f2a7]{color:var(--color);border-bottom-color:var(--color)}.setting-tab-panel[data-v-3a17f2a7]{padding-top:2px}.tab-tools[data-v-3a17f2a7]{height:42px;display:flex;align-items:center;justify-content:center}.debug-toggle[data-v-3a17f2a7]{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f4f6fb;border:1px solid #e3e8f3;color:#7a8599;cursor:pointer;transition:.2s ease;margin-top:0}.debug-toggle i[data-v-3a17f2a7]{font-size:18px}.debug-toggle--active[data-v-3a17f2a7]{background:var(--color2);border-color:var(--color);color:var(--color)}.setting-section[data-v-3a17f2a7]{padding:18px;background:#fff;border:1px solid #e8edf6;border-radius:12px;box-shadow:0 8px 24px rgba(15,23,42,.04)}.setting-section+.setting-section[data-v-3a17f2a7]{margin-top:16px}.section-title[data-v-3a17f2a7]{font-size:14px;font-weight:600;color:#2a3345;margin-bottom:14px}.size-row[data-v-3a17f2a7]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.size-row[data-v-3a17f2a7] .el-input-number{width:220px}.multiply[data-v-3a17f2a7]{font-size:18px;color:#667085}.bg-preview[data-v-3a17f2a7]{width:120px;height:170px;border-radius:8px;border:1px solid #e5e7eb;background-position:50%;background-size:cover;margin-bottom:12px}.button-row[data-v-3a17f2a7]{display:flex;flex-wrap:wrap;gap:12px}.content-toolbar[data-v-3a17f2a7]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;padding:12px;background:#f8faff;border:1px solid #e6edf8;border-radius:10px}.element-layout[data-v-3a17f2a7]{display:flex;gap:16px;align-items:stretch}.element-layout-main[data-v-3a17f2a7]{flex:1;min-width:0}.element-layout-aside[data-v-3a17f2a7]{width:240px;min-width:240px;max-width:240px;position:sticky;top:0;align-self:stretch;height:auto}.element-aside-card[data-v-3a17f2a7]{padding:12px;background:#fff;border:1px solid #e8edf6;border-radius:12px;box-shadow:0 8px 24px rgba(15,23,42,.04);height:100%;max-height:100%;overflow-y:auto}.element-aside-title[data-v-3a17f2a7]{font-size:14px;font-weight:600;color:#2a3345;margin-bottom:10px}.element-list[data-v-3a17f2a7]{display:flex;flex-direction:column;gap:10px}.element-row[data-v-3a17f2a7]{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid #e5eaf3;border-radius:10px;background:#fbfcfe;cursor:pointer;transition:.2s ease}.element-row--compact[data-v-3a17f2a7]{padding:10px 10px}.element-row--active[data-v-3a17f2a7]{border-color:var(--color);box-shadow:0 6px 18px rgba(15,23,42,.05);background:var(--color2)}.element-row-left[data-v-3a17f2a7]{display:flex;align-items:center;gap:8px;min-width:0}.element-row-title[data-v-3a17f2a7]{font-size:14px;color:#344054;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.element-row-right[data-v-3a17f2a7]{display:flex;align-items:center;flex-shrink:0}.element-row-right--compact[data-v-3a17f2a7]{gap:2px}.element-list--compact .element-row-title[data-v-3a17f2a7]{max-width:78px}.element-list--compact .element-row-left[data-v-3a17f2a7]{gap:6px}.element-list--compact .el-tag[data-v-3a17f2a7]{padding:0 4px}.editor-item[data-v-3a17f2a7]{border:1px solid #e5eaf3;border-radius:10px;background:#fbfcfe}.editor-item+.editor-item[data-v-3a17f2a7]{margin-top:12px}.editor-item--active[data-v-3a17f2a7]{border-color:#e5eaf3;box-shadow:none}.editor-head[data-v-3a17f2a7]{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f7;cursor:pointer}.editor-head-left[data-v-3a17f2a7]{display:flex;align-items:center;gap:8px}.editor-head-title[data-v-3a17f2a7]{font-size:14px;color:#344054;font-weight:600}.editor-body[data-v-3a17f2a7]{padding:16px;background:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.editor-body[data-v-3a17f2a7] .el-form-item{margin-bottom:14px}.editor-body[data-v-3a17f2a7] .el-form-item:last-child{margin-bottom:0}.editor-body[data-v-3a17f2a7] .el-input,.editor-body[data-v-3a17f2a7] .el-input-number,.editor-body[data-v-3a17f2a7] .el-select{width:100%}.element-layout .setting-section[data-v-3a17f2a7]{height:auto}.text-input-row[data-v-3a17f2a7]{display:flex;gap:8px;align-items:center}.inline-grid[data-v-3a17f2a7]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.inline-grid-item[data-v-3a17f2a7]{display:flex;align-items:center;gap:8px}.inline-grid-item span[data-v-3a17f2a7]{width:20px;color:#667085}.item-image-preview[data-v-3a17f2a7]{margin-top:12px;width:90px;height:90px;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.item-image-preview img[data-v-3a17f2a7]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.variable-list[data-v-3a17f2a7]{display:flex;flex-wrap:wrap;gap:8px}.variable-tag[data-v-3a17f2a7]{margin-right:0;cursor:pointer}.empty-box[data-v-3a17f2a7]{padding:14px 16px;background:#f8fafc;border:1px dashed #d5dceb;border-radius:10px;color:#8a94a6;font-size:13px}.mt-12[data-v-3a17f2a7]{margin-top:12px}.variable-dialog-groups[data-v-3a17f2a7]{display:flex;flex-direction:column;gap:16px;max-height:420px;overflow-y:auto;padding:4px 6px 4px 2px}.variable-dialog-group[data-v-3a17f2a7]{padding:14px 14px 12px;border:1px solid #edf1f7;border-radius:10px;background:#fbfcfe}.variable-dialog-group__title[data-v-3a17f2a7]{font-size:13px;font-weight:600;color:#2a3345;margin-bottom:10px}.variable-dialog-tags[data-v-3a17f2a7]{display:flex;flex-wrap:wrap;gap:10px 8px}.variable-dialog-tag[data-v-3a17f2a7]{cursor:pointer;margin-right:0;padding:0 10px}.variable-dialog-tag[data-v-3a17f2a7]:hover{border-color:var(--color);color:var(--color);background:var(--color2)}.variable-dialog[data-v-3a17f2a7] .el-dialog{border-radius:14px;overflow:hidden}.variable-dialog[data-v-3a17f2a7] .el-dialog__header{padding:20px 20px 14px;border-bottom:1px solid #edf1f7}.variable-dialog[data-v-3a17f2a7] .el-dialog__title{font-size:16px;font-weight:600;color:#2a3345}.variable-dialog[data-v-3a17f2a7] .el-dialog__body{padding:18px 18px 20px}@media (max-width:1280px){.element-layout[data-v-3a17f2a7]{flex-direction:column}.element-layout-aside[data-v-3a17f2a7]{width:100%;min-width:0;max-width:none;position:static}}