[data-v-62a8c4cc] .tabs-config .el-tabs__item.is-active{background:var(--tabs_active_color)}.kitex-config-preview[data-v-65bdd0fb]{position:relative;width:100%;padding-top:177%;background-color:#333;background-size:100% 100%;background-repeat:no-repeat;overflow:hidden}.kitex-config-preview.is-fill[data-v-65bdd0fb]{position:absolute;inset:0;width:100%;height:100%;padding-top:0}.kitex-config-preview .kitex-lottie[data-v-65bdd0fb]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.drawer-content[data-v-03e6ff96]{padding:0 20px;height:calc(100% - 60px);overflow-y:auto}.template-name[data-v-03e6ff96]{margin-bottom:16px;font-size:14px}.template-name .label[data-v-03e6ff96]{font-weight:700}.config-section[data-v-03e6ff96]{margin-bottom:24px}.section-title[data-v-03e6ff96]{font-size:14px;font-weight:700;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #eee}.section-title .select-count[data-v-03e6ff96]{font-weight:400;font-size:12px;color:#409eff}.component-grid[data-v-03e6ff96]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px}.component-item[data-v-03e6ff96]{width:100px;cursor:pointer;border:2px solid transparent;border-radius:6px;padding:8px;text-align:center;-webkit-transition:all .2s;transition:all .2s}.component-item[data-v-03e6ff96]:hover{border-color:#ddd;background:#fafafa}.component-item.active[data-v-03e6ff96]{border-color:#409eff;background:#ecf5ff}.component-img[data-v-03e6ff96]{width:80px;height:80px;border-radius:4px}.component-img.placeholder[data-v-03e6ff96]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#f5f5f5;font-size:24px;color:#ccc}.component-name[data-v-03e6ff96]{margin-top:6px;font-size:12px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.single-layout[data-v-03e6ff96]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px}.single-left[data-v-03e6ff96]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.single-right[data-v-03e6ff96]{width:280px;-ms-flex-negative:0;flex-shrink:0}.config-preview[data-v-03e6ff96]{position:sticky;top:0}.config-preview .preview-name[data-v-03e6ff96]{font-size:13px;color:#606266;padding:8px 12px;background:#f5f7fa;border-radius:4px}.config-preview .preview-name .preview-box[data-v-03e6ff96]{margin-top:8px;padding:8px;border:1px solid #eee;border-radius:8px;width:260px;overflow:hidden}.confirm-list[data-v-03e6ff96]{max-height:400px;overflow-y:auto;margin-bottom:12px}.confirm-item[data-v-03e6ff96]{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;padding:8px 12px;border-radius:4px;margin-bottom:6px;background:#f5f7fa;font-size:13px;color:#303133}.confirm-item.is-exist[data-v-03e6ff96]{background:#fef0f0;color:#f56c6c}.confirm-item.is-exist .confirm-name[data-v-03e6ff96]{color:#f56c6c}.confirm-item.is-exist-group[data-v-03e6ff96]{background:#f5f5f5}.confirm-item.is-exist-group .confirm-delete[data-v-03e6ff96],.confirm-item.is-exist-group .confirm-name[data-v-03e6ff96]{color:#c0c4cc}.confirm-item .confirm-name[data-v-03e6ff96]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}.confirm-item .confirm-delete[data-v-03e6ff96]{color:#909399;-ms-flex-negative:0;flex-shrink:0}.confirm-item .confirm-delete[data-v-03e6ff96]:hover{color:#f56c6c}.confirm-hint[data-v-03e6ff96]{font-size:12px;color:#909399;padding:0 4px}.group-name-row[data-v-03e6ff96]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:12px;margin-bottom:8px}.group-name-row .group-name-label[data-v-03e6ff96]{font-size:13px;color:#606266;white-space:nowrap;margin-right:4px}.drawer-footer[data-v-03e6ff96]{position:absolute;bottom:0;left:0;right:0;padding:12px 20px;border-top:1px solid #eee;background:#fff;text-align:right}.template-config-lib[data-v-d74c96ba],.template-config[data-v-6f8e19f6]{padding:20px}.template-config-lib .config-grid-wrapper[data-v-d74c96ba]{min-height:200px}.template-config-lib .config-grid[data-v-d74c96ba]{display:grid;grid-template-columns:repeat(5,1fr);gap:80px;margin-bottom:16px}.template-config-lib .config-card[data-v-d74c96ba]{border:1px solid #e4e7ed;border-radius:6px;overflow:hidden;background:#fff;-webkit-transition:-webkit-box-shadow .2s;transition:-webkit-box-shadow .2s;transition:box-shadow .2s;transition:box-shadow .2s,-webkit-box-shadow .2s}.template-config-lib .config-card[data-v-d74c96ba]:hover{-webkit-box-shadow:0 4px 12px rgba(0,0,0,.12);box-shadow:0 4px 12px rgba(0,0,0,.12)}.template-config-lib .config-card .card-info[data-v-d74c96ba]{padding:8px 10px}.template-config-lib .config-card .card-info .card-id[data-v-d74c96ba]{font-size:11px;color:#909399;margin-bottom:4px}.template-config-lib .config-card .card-info .card-name[data-v-d74c96ba]{font-size:13px;color:#303133;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-config-lib .group-preview-grid[data-v-d74c96ba]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;aspect-ratio:9/16;background:#222;overflow:hidden}.template-config-lib .group-preview-grid .group-preview-cell[data-v-d74c96ba]{overflow:hidden;position:relative}.template-config-lib .group-preview-grid .group-preview-empty[data-v-d74c96ba]{background:#2a2a2a}.template-config-lib .empty-tip[data-v-d74c96ba]{padding:40px;text-align:center;color:#909399;font-size:14px}