.image-upload-container[data-v-84a2d909]{border-radius:12px;flex-wrap:wrap;gap:8px;padding:4px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.image-upload-container.drag-over[data-v-84a2d909]{border:2px dashed var(--el-color-primary);background:linear-gradient(135deg,#409eff14,#409eff0a);border-radius:12px;transform:scale(1.01);box-shadow:0 0 0 4px #409eff0f,inset 0 0 20px #409eff08}.drag-hint-overlay[data-v-84a2d909]{background:var(--el-mask-color-extra-light);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:20;pointer-events:none;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.drag-hint-overlay .drag-hint-content[data-v-84a2d909]{flex-direction:column;align-items:center;gap:12px;animation:.6s ease-in-out infinite hint-bounce-84a2d909;display:flex}.drag-hint-overlay .drag-hint-content .drag-hint-text[data-v-84a2d909]{color:var(--el-color-primary);text-align:center;font-size:14px;font-weight:600}@keyframes hint-bounce-84a2d909{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.image-card[data-v-84a2d909]{cursor:move;border:2px solid #0000;border-radius:8px;width:96px;height:96px;transition:all .2s;position:relative;overflow:hidden}.image-card:hover .drag-handle[data-v-84a2d909],.image-card:hover .image-actions[data-v-84a2d909]{opacity:1}.image-card.dragging[data-v-84a2d909]{opacity:.5;border-color:var(--el-color-primary)}.image-card.drag-over[data-v-84a2d909]{border-color:var(--el-color-primary);transform:scale(1.05)}.image-preview[data-v-84a2d909]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.upload-progress-mask[data-v-84a2d909]{background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.upload-progress-mask[data-v-84a2d909] .el-progress__text{color:#fff;font-size:12px!important}.upload-fail-mask[data-v-84a2d909]{background:#0009;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.upload-fail-mask .fail-text[data-v-84a2d909]{color:var(--el-color-danger);font-size:10px}.image-actions[data-v-84a2d909]{opacity:0;background:#00000080;gap:8px;width:100%;height:100%;transition:opacity .2s;position:absolute;top:0;left:0}.action-btn[data-v-84a2d909],.image-actions[data-v-84a2d909]{justify-content:center;align-items:center;display:flex}.action-btn[data-v-84a2d909]{cursor:pointer;border-radius:4px;width:24px;height:24px;transition:background .2s}.action-btn[data-v-84a2d909]:hover{background:#fff3}.drag-handle[data-v-84a2d909]{opacity:0;background:#00000080;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;transition:opacity .2s;display:flex;position:absolute;top:4px;left:4px}.image-uploader[data-v-84a2d909]{width:96px;height:96px}.image-uploader[data-v-84a2d909] .el-upload{width:100%;height:100%}.image-uploader[data-v-84a2d909] .el-upload-dragger{border:1px dashed var(--el-border-color);background:var(--el-fill-color-light);border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;padding:0;transition:all .2s;display:flex}.image-uploader[data-v-84a2d909] .el-upload-dragger:hover{border-color:var(--el-color-primary)}.login-prompt[data-v-84a2d909]{border:1px dashed var(--el-border-color);background:var(--el-fill-color-light);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:96px;height:96px;transition:all .2s;display:flex}.login-prompt[data-v-84a2d909]:hover{border-color:var(--el-color-primary);background:var(--el-fill-color)}.login-prompt .prompt-text[data-v-84a2d909]{color:var(--el-text-color-placeholder);text-align:center;font-size:10px;line-height:1.2}.upload-trigger[data-v-84a2d909]{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.upload-text[data-v-84a2d909]{color:var(--el-text-color-placeholder);text-align:center;font-size:10px;line-height:1.2}.tabbgw[data-v-84a2d909]{background:var(--el-fill-color);color:var(--el-text-color-primary)}.ratio-grid[data-v-84a2d909]{background:var(--el-fill-color-light);border:1px solid var(--el-border-color);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px;display:grid}.ratio-item[data-v-84a2d909]{background:var(--el-bg-color);cursor:pointer;border:2px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 6px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.ratio-item[data-v-84a2d909]:hover{border-color:#0065fb4d;transform:translateY(-1px);box-shadow:0 4px 12px #0065fb1a}.ratio-item.ratio-item-active[data-v-84a2d909]{background:linear-gradient(135deg,#0065fb,#0052cc);border-color:#0065fb;box-shadow:0 4px 12px #0065fb4d}.ratio-item.ratio-item-active .ratio-icon .ratio-shape[data-v-84a2d909]{border-color:#ffffffe6}.ratio-item.ratio-item-active .ratio-label[data-v-84a2d909]{color:#fff;font-weight:600}.ratio-icon[data-v-84a2d909]{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.ratio-icon .ratio-shape[data-v-84a2d909]{border:2px solid var(--el-text-color-secondary);border-radius:3px;min-width:4px;min-height:4px;transition:border-color .2s}.ratio-label[data-v-84a2d909]{color:var(--el-text-color-regular);font-size:12px;font-weight:500;line-height:1;transition:color .2s}.field-sO6HGC[data-v-84a2d909]{gap:12px;width:100%}.field-sO6HGC[data-v-84a2d909],.ref-image-header[data-v-84a2d909]{flex-direction:column;display:flex}.ref-image-header[data-v-84a2d909]{gap:5px;margin-bottom:10px}.ref-image-title-row[data-v-84a2d909]{justify-content:space-between;align-items:center;display:flex}.ref-image-count[data-v-84a2d909]{color:var(--el-text-color-primary);letter-spacing:.5px;font-size:13px;font-weight:700}.ref-image-count span[data-v-84a2d909]{color:var(--el-text-color-secondary);font-size:11px;font-weight:400}.ref-image-meta-row[data-v-84a2d909]{justify-content:space-between;align-items:center;padding:0 2px;display:flex}.ref-image-format-hint[data-v-84a2d909]{color:var(--el-text-color-placeholder);letter-spacing:.2px;font-size:10px}.drag-tip[data-v-84a2d909]{color:var(--el-text-color-secondary);background:var(--el-fill-color-light);border:1px dashed var(--el-border-color);white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:20px;align-items:center;gap:3px;padding:2px 8px;font-size:10px;line-height:1.4;transition:all .2s;display:flex}.drag-tip[data-v-84a2d909]:hover{border-color:var(--el-color-primary);color:var(--el-color-primary);background:#0065fb0a}.tool-btn[data-v-84a2d909]{cursor:pointer;height:24.5px;color:var(--el-text-color-secondary);background-color:var(--el-fill-color-light);border-radius:.5rem;align-items:center;padding:.25rem .625rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.tool-btn[data-v-84a2d909]:hover{background-color:var(--el-fill-color);color:var(--el-color-primary)}.img-edit-overlay[data-v-84a2d909]{z-index:2000;background:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}