.image-set-template-panel{background-color:var(--bg-color-1);border-left:1px solid var(--border-color-2);color:#151823;display:flex;flex-direction:column;height:100%;overflow:hidden}.image-set-template-panel *{box-sizing:border-box}.image-set-template-panel-header{align-items:center;background-color:#fff;border-bottom:1px solid var(--border-color-2);display:flex;flex:0 0 auto;justify-content:space-between;padding:10px 12px}.image-set-template-panel-title-left{-ms-overflow-style:none;align-items:center;display:flex;flex:1;gap:14px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.image-set-template-panel-title-left::-webkit-scrollbar{display:none}.image-set-template-panel-title{color:#666;cursor:pointer;font-size:12px;font-weight:500}.image-set-template-panel-title.active{color:#000;font-size:14px}.image-set-template-panel-operates{align-items:center;display:flex}.image-set-template-panel-operate-item{color:#999;cursor:pointer;margin-left:12px}.image-set-template-panel-body{display:grid;flex:1;grid-template-columns:minmax(0,1fr) 360px;min-height:0}@media (min-width:1728px){.image-set-template-panel-body{grid-template-columns:minmax(0,1fr) 540px}}.image-set-template-panel-left{border-right:1px solid #eceff7;display:flex;flex-direction:column;height:100%;min-height:0;min-width:0;overflow:hidden;position:relative}.image-set-template-search-filter{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:16px;padding:20px 12px 8px}.image-set-template-product-list{display:flex;flex:1;flex-direction:column;height:100%;overflow:hidden;position:relative}.image-set-template-product-list:after,.image-set-template-product-list:before{content:"";display:table;padding-bottom:12px}.image-set-template-product-scroll{height:100%;position:relative}.image-set-template-list{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));padding-left:12px;padding-right:12px}.image-set-template-card{background:#fff;border:1px solid #dfe3ee;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:0;position:relative;text-align:left}.image-set-template-card.selected{border-color:#5567ff;box-shadow:0 0 0 1px #5567ff}.image-set-template-card .image-set-template-card-operate{display:none;gap:6px;position:absolute;right:12px;top:12px;z-index:2}.image-set-template-card .image-set-template-card-operate .image-set-template-card-operate-item{align-items:center;background-color:#0006;border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;width:24px}.image-set-template-card:hover .image-set-template-card-operate{display:flex}.image-set-template-card-preview{align-items:center;background:#f2f3f7;display:flex;gap:1px;height:126px;justify-content:center}.image-set-template-card-preview .preview-block{background:#e3e5ec;flex:1;height:100%;min-height:0;min-width:0;overflow:hidden}.image-set-template-card-preview .preview-block.placeholder{background:linear-gradient(135deg,#e4e7ef,#f3f5fa)}.image-set-template-card-preview .preview-block img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.image-set-template-card-preview-empty{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.image-set-template-card-preview-empty img{height:40px;width:40px}.image-set-template-card-body{padding:12px}.image-set-template-card-title{color:#000;font-size:14px;font-weight:500;line-height:20px}.image-set-template-card-meta{color:#666a7c99;display:grid;font-size:12px;gap:6px;line-height:14px;margin-top:8px}.image-set-template-card-meta-row{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-set-template-empty{align-items:center;align-self:center;color:#9093a5;display:flex;flex-direction:column;font-size:14px;grid-column:1/-1;justify-content:center;justify-self:center;min-height:420px}.image-set-template-empty img{margin-bottom:8px;width:60px}.image-set-template-panel-right{background:#fafbfe;display:flex;flex-direction:column;min-height:0;min-width:0}.image-set-preview-title{align-items:center;color:#000;display:flex;flex:0 0 auto;font-size:18px;font-weight:500;gap:12px;justify-content:space-between;line-height:1.2;padding:20px 20px 10px}.image-set-preview-detail-switch{align-items:center;color:#666a7c;display:flex;font-size:14px;font-weight:500;gap:10px;line-height:20px}.image-set-preview-scroll{flex:1;min-height:0;overflow:auto;padding:10px 20px 20px}.image-set-preview-summary{background:#fff;border-radius:2px;margin-bottom:20px;padding:16px}.image-set-preview-summary-title{color:#000;font-size:14px;font-weight:500;line-height:20px}.image-set-preview-summary-meta{color:#666a7c99;display:grid;font-size:12px;gap:6px;line-height:14px;margin-top:8px}.image-set-preview-summary-meta-row{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-set-preview-list{overflow:hidden}.image-set-preview-image-row+.image-set-preview-image-row,.image-set-preview-task+.image-set-preview-task{margin-top:6px}.image-set-preview-image{background:#e7eaf2;border:0;cursor:zoom-in;display:block;height:224px;overflow:hidden;padding:0;position:relative;width:100%}.image-set-preview-image img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.image-set-preview-badge,.image-set-preview-count{border-radius:5px;font-size:12px;line-height:18px;position:absolute}.image-set-preview-badge{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(0,0,0,.5);color:#fff;left:8px;max-width:calc(100% - 24px);overflow:hidden;padding:5px 8px;text-overflow:ellipsis;top:8px;white-space:nowrap}.image-set-preview-count{background:#fff;border:1px solid #e1e2e9;bottom:8px;color:#0032ff;left:8px;padding:5px 8px}.image-set-preview-placeholder{align-items:center;background:#fff;display:flex;height:180px;justify-content:center;position:relative}.image-set-preview-placeholder img{width:40px}.image-set-template-panel-footer{background:#fff;border-top:1px solid #eceff7;display:flex;flex:0 0 auto;justify-content:end;padding:16px 20px}.image-set-template-panel-footer button{align-items:center;background:linear-gradient(93deg,#123bff,#756dff);border:none;border-radius:30px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:48px;justify-content:center;min-width:396px;padding:0 60px;position:relative}.image-set-template-panel-footer button:hover{opacity:.9}.image-set-template-panel-footer .apply-btn:disabled{cursor:not-allowed;opacity:.4}.image-set-template-panel-footer .apply-btn:disabled:hover{opacity:.4}.image-set-template-image-preview{align-items:center;background:rgba(15,18,28,.72);display:flex;inset:0;justify-content:center;padding:48px;position:fixed;z-index:2000}.image-set-template-image-preview img{background:#fff;border-radius:6px;display:block;max-height:88vh;max-width:92vw;-o-object-fit:contain;object-fit:contain}.image-set-template-image-preview .image-preview-close{align-items:center;background:hsla(0,0%,100%,.18);border:0;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;height:34px;justify-content:center;position:absolute;right:24px;top:24px;width:34px}.product-detail-images-config{display:flex;flex-direction:column;gap:16px}.product-detail-images-config .image-set-config-tabs .ant-radio-group{display:flex;width:100%}.product-detail-images-config .image-set-config-tabs .ant-radio-button-wrapper{flex:1;text-align:center}.product-detail-images-config .image-set-template-empty-config{align-items:center;background:#f4f5fa;border-radius:4px;color:#666a7c;cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:186px;padding:16px}.product-detail-images-config .image-set-template-empty-text{font-size:14px;font-weight:400}.product-detail-images-config .image-set-template-trigger{align-items:center;background:#fff;border:1px solid #dfe3ee;border-radius:6px;color:#1f3bff;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;width:100%}.product-detail-images-config .image-set-template-trigger:hover{background:#f5f7ff;border-color:#5567ff}.product-detail-images-config .image-set-template-trigger.ghost{font-size:13px;height:32px;min-width:92px;padding:0 12px;width:auto}.product-detail-images-config .image-set-template-summary{display:flex;flex-direction:column;gap:12px}.product-detail-images-config .image-set-template-summary-main{background:rgba(244,245,250,.6);border-radius:4px;cursor:pointer;overflow:hidden;padding:16px}.product-detail-images-config .image-set-template-summary-preview{align-items:center;background:#f2f3f7;display:flex;gap:1px;height:92px;justify-content:center}.product-detail-images-config .image-set-template-summary-preview .summary-preview-block{background:#e3e5ec;flex:1;height:100%;min-height:0;min-width:0;overflow:hidden}.product-detail-images-config .image-set-template-summary-preview .summary-preview-block.placeholder{background:linear-gradient(135deg,#e4e7ef,#f3f5fa)}.product-detail-images-config .image-set-template-summary-preview .summary-preview-block img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.product-detail-images-config .image-set-template-summary-preview-empty{align-items:center;background-color:#fff;display:flex;height:100%;justify-content:center;width:100%}.product-detail-images-config .image-set-template-summary-preview-empty img{height:40px;width:40px}.product-detail-images-config .image-set-template-summary-body{padding-top:16px}.product-detail-images-config .image-set-template-summary-title{color:#000;font-size:14px;font-weight:500;line-height:20px}.product-detail-images-config .image-set-template-summary-meta{color:#666a7c99;display:grid;font-size:12px;gap:6px;line-height:14px;margin-top:8px}.product-detail-images-config .image-set-template-summary-meta-row{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-detail-images-config .image-set-template-summary-actions{align-items:center;display:flex;flex:0 0 auto;gap:8px}.product-detail-images-config .image-set-template-edit,.product-detail-images-config .image-set-template-trigger.ghost{align-items:center;background:#f8f9fc;border:0;border-radius:4px;color:#000;cursor:pointer;display:flex;flex:1;font-size:12px;font-weight:400;gap:6px;height:34px;justify-content:center;min-width:0;padding:0 12px;transition:all .3s}.product-detail-images-config .image-set-template-edit:hover,.product-detail-images-config .image-set-template-trigger.ghost:hover{background:#eef0f7}.product-detail-images-config .image-set-card{background:#f6f7fb;border-radius:4px;padding:10px 12px 8px;position:relative}.product-detail-images-config .image-set-card.disabled .image-set-count,.product-detail-images-config .image-set-card.disabled .image-set-title{color:#9093a5}.product-detail-images-config .image-set-card .dynamic-form-section{margin-top:8px;padding:0}.product-detail-images-config .image-set-card .dynamic-form-section .model-selector{background:transparent;padding:0 0 0 24px}.product-detail-images-config .image-set-card .dynamic-form-section .model-selector:hover{background:transparent}.product-detail-images-config .image-set-card .dynamic-form-section .model-selector .model-selector-content{min-height:28px}.product-detail-images-config .image-set-card .dynamic-form-section .model-selector .model-placeholder-icon{height:42px;margin-right:8px;width:42px}.product-detail-images-config .image-set-card .dynamic-form-section .model-selector .model-placeholder-icon .components-icon{font-size:16px!important}.product-detail-images-config .image-set-card .dynamic-form-section .model-selector .model-selected-img{height:42px;margin-right:8px;width:42px}.product-detail-images-config .image-set-card .dynamic-form-section .model-selector .model-selector-title{font-size:12px;line-height:1}.product-detail-images-config .image-set-card .dynamic-form-section .model-selector .model-selector-meta,.product-detail-images-config .image-set-card .dynamic-form-section .model-selector .model-selector-optional{font-size:10px;line-height:1;margin-top:6px}.product-detail-images-config .image-set-card .dynamic-form-section .model-selector .mask-wrapper{height:42px;width:42px}.product-detail-images-config .image-set-row{align-items:center;display:flex;gap:8px;min-height:28px}.product-detail-images-config .image-set-title{color:#151823;flex:1;font-size:16px;letter-spacing:-.3px;line-height:22px;min-width:0}.product-detail-images-config .image-set-stepper{align-items:center;background:#fff;border-radius:2px;color:#73778c;display:grid;font-size:14px;grid-template-columns:28px 28px 28px;height:28px;line-height:20px;text-align:center}.product-detail-images-config .image-set-stepper button{background:transparent;border:0;color:#73778c;cursor:pointer;font-size:20px;height:28px;line-height:28px;padding:0;width:28px}.product-detail-images-config .image-set-stepper button:disabled{color:#c6c9d6;cursor:not-allowed}.product-detail-images-config .image-set-count{color:#9093a5;font-size:12px;line-height:18px;padding-left:24px}.product-detail-images-config .image-set-total{align-items:center;align-self:stretch;color:#1f3bff;display:flex;font-size:14px;gap:12px;justify-content:flex-end;line-height:20px}.product-detail-images-config .image-set-total .image-set-reset{align-items:center;background:#fff;border:1px solid #dfe3ee;border-radius:4px;color:#4b5266;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;padding:0 10px}.product-detail-images-config .image-set-total .image-set-reset:hover{border-color:#5567ff;color:#1f3bff}.image-set-template-panel-container{bottom:0;display:flex;flex-direction:column;left:100%;opacity:0;pointer-events:none;position:absolute;right:auto;top:0;transition:opacity .22s ease-out,visibility 0ms linear .22s;visibility:hidden;z-index:12}.image-set-template-panel-container.visible{opacity:1;pointer-events:auto;transition:opacity .22s ease-out;visibility:visible}