.operation-container[data-v-71a433d5]{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.operation-content[data-v-71a433d5]{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.operation-header[data-v-71a433d5]{border-bottom:1px solid rgba(0,0,0,.06);padding:16px}.header-with-back[data-v-71a433d5]{gap:8px}.back-btn[data-v-71a433d5],.header-with-back[data-v-71a433d5]{align-items:center;display:flex}.back-btn[data-v-71a433d5]{border-radius:4px;cursor:pointer;height:24px;justify-content:center;transition:background .2s;width:24px}.back-btn[data-v-71a433d5]:hover{background:#0000000f}.back-btn .back-icon[data-v-71a433d5]{color:#000000b3;height:16px;width:16px}.operation-title[data-v-71a433d5]{color:#000000e6;font-size:16px;font-weight:600;line-height:24px}.operation-body[data-v-71a433d5]{flex:1;overflow-y:auto;padding:16px}.section[data-v-71a433d5]{margin-bottom:24px}.section[data-v-71a433d5]:last-child{margin-bottom:0}.section-header[data-v-71a433d5]{margin-bottom:12px}.section-title[data-v-71a433d5]{color:#000000e6;font-size:14px;font-weight:500;line-height:20px}.loading-placeholder[data-v-71a433d5]{align-items:center;color:#00000080;display:flex;justify-content:center;padding:20px}.loading-placeholder.template-loading[data-v-71a433d5]{min-height:120px}.empty-placeholder[data-v-71a433d5]{align-items:center;display:flex;justify-content:center;min-height:120px;padding:20px}.empty-placeholder .empty-text[data-v-71a433d5]{color:#0006;font-size:12px}.subgroup-grid[data-v-71a433d5]{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.subgroup-card[data-v-71a433d5]{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;cursor:pointer;overflow:hidden;transition:all .2s}.subgroup-card[data-v-71a433d5]:hover{border-color:#0003;box-shadow:0 2px 8px #00000014}.subgroup-card .subgroup-cover-wrapper[data-v-71a433d5]{aspect-ratio:4/3;overflow:hidden;position:relative;width:100%}.subgroup-card .subgroup-cover[data-v-71a433d5]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.subgroup-card .subgroup-cover-placeholder[data-v-71a433d5]{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);height:100%;width:100%}.subgroup-card .new-badge[data-v-71a433d5]{background:#ff4d4f;border-radius:2px;color:#fff;font-size:10px;line-height:14px;padding:2px 6px;position:absolute;right:8px;top:8px}.subgroup-card .subgroup-info[data-v-71a433d5]{display:flex;flex-direction:column;gap:2px;padding:10px 12px}.subgroup-card .subgroup-name[data-v-71a433d5]{color:#000000e6;font-size:13px;font-weight:500;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subgroup-card .subgroup-count[data-v-71a433d5]{color:#0006;font-size:11px;line-height:16px}.template-grid[data-v-71a433d5]{display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.template-item[data-v-71a433d5]{border:2px solid transparent;border-radius:4px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s}.template-item[data-v-71a433d5]:hover{border-color:#0003}.template-item.selected[data-v-71a433d5]{border:2px solid #fff;outline:2px solid #313439;outline-offset:0}.template-item .template-cover[data-v-71a433d5]{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;width:100%}.template-item .template-name[data-v-71a433d5]{background:#0009;color:#fff;font-size:10px;line-height:14px;overflow:hidden;padding:4px 6px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.template-item .selected-icon[data-v-71a433d5]{align-items:center;background:#313439;border-radius:50%;display:flex;height:20px;justify-content:center;position:absolute;right:4px;top:4px;width:20px}.template-item .selected-icon[data-v-71a433d5] svg{color:#fff;height:12px;width:12px}.custom-backgrounds-container[data-v-71a433d5]{display:flex;flex-direction:column;gap:8px}.custom-backgrounds-grid[data-v-71a433d5]{display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.custom-background-item[data-v-71a433d5]{aspect-ratio:1;border:2px solid transparent;border-radius:4px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s}.custom-background-item[data-v-71a433d5]:hover{border-color:#0003}.custom-background-item:hover .delete-btn[data-v-71a433d5]{opacity:1}.custom-background-item.selected[data-v-71a433d5]{border:2px solid #fff;outline:2px solid #313439;outline-offset:0}.custom-background-item .background-img[data-v-71a433d5]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.custom-background-item .delete-btn[data-v-71a433d5]{align-items:center;background:#0009;border-radius:50%;cursor:pointer;display:flex;height:20px;justify-content:center;opacity:0;position:absolute;right:4px;top:4px;transition:opacity .2s,background .2s;width:20px;z-index:1}.custom-background-item .delete-btn[data-v-71a433d5]:hover{background:#000c}.custom-background-item .delete-btn .delete-icon[data-v-71a433d5]{color:#fff;height:12px;width:12px}.custom-background-item .selected-icon[data-v-71a433d5]{align-items:center;background:#313439;border-radius:50%;display:flex;height:20px;justify-content:center;position:absolute;right:4px;top:4px;width:20px}.custom-background-item .selected-icon[data-v-71a433d5] svg{color:#fff;height:12px;width:12px}.upload-trigger[data-v-71a433d5]{align-items:center;border:1px dashed rgba(0,0,0,.15);border-radius:4px;cursor:pointer;display:flex;flex-direction:column;gap:4px;height:60px;justify-content:center;transition:border-color .2s;width:100%}.upload-trigger[data-v-71a433d5]:hover{border-color:#0000004d}.upload-trigger .upload-icon[data-v-71a433d5]{color:#0000004d;height:20px;width:20px}.upload-trigger .upload-text[data-v-71a433d5]{color:#00000080;font-size:10px;line-height:14px;text-align:center}.operation-footer[data-v-71a433d5]{border-top:1px solid rgba(0,0,0,.06);flex-shrink:0;padding:16px}.generate-hint[data-v-71a433d5]{background:#ff98001a;border-radius:4px;color:#f57c00;font-size:12px;line-height:16px;margin-bottom:8px;padding:8px 12px;text-align:center}.generate-btn[data-v-71a433d5]{background:#313439;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;height:42px;transition:background .2s;width:100%}.generate-btn[data-v-71a433d5]:hover:not(:disabled){background:linear-gradient(0deg,#0003,#0003),#313439}.generate-btn[data-v-71a433d5]:disabled{background:#0000001a;color:#0000004d;cursor:not-allowed}