@keyframes character-upload-detect-spin-f1b59759{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.character-upload-wrap[data-v-f1b59759]{--character-upload-width:48px;--character-upload-height:48px;height:var(--character-upload-height);width:var(--character-upload-width)}.character-upload-wrap .character-upload-trigger-wrap[data-v-f1b59759]{display:inline-block;position:relative}.character-upload-wrap[data-v-f1b59759] .qc-upload-add-surface{height:var(--character-upload-height);width:var(--character-upload-width)}.character-upload-wrap .hidden-input[data-v-f1b59759]{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.character-upload-wrap .cu-detecting[data-v-f1b59759]{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center;max-width:100%;padding:0 4px}.character-upload-wrap .cu-detect-icon[data-v-f1b59759]{animation:character-upload-detect-spin-f1b59759 1s linear infinite;flex-shrink:0}.character-upload-wrap .cu-detect-icon[data-v-f1b59759] svg{display:block;height:16px;width:16px}.character-upload-wrap .cu-detect-progress[data-v-f1b59759]{color:#ffffffa6;display:-webkit-box;font-size:9px;line-height:1.15;overflow:hidden;text-align:center;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}.character-upload-wrap .preview-area[data-v-f1b59759],.character-upload-wrap .preview-area .preview-img-wrap[data-v-f1b59759]{height:var(--character-upload-height);width:var(--character-upload-width)}.character-upload-wrap .preview-area .preview-img-wrap[data-v-f1b59759]{background:#31333a;border:1px solid transparent;border-radius:4px;box-sizing:border-box;position:relative;transition:border-color .2s ease}.character-upload-wrap .preview-area .preview-img-wrap .preview-img[data-v-f1b59759]{border-radius:4px;cursor:pointer;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.character-upload-wrap .preview-area .preview-img-wrap .preview-detecting-mask[data-v-f1b59759]{align-items:center;background:#11171f8c;border-radius:4px;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:3}.character-upload-wrap .preview-area .preview-img-wrap .preview-detect-icon[data-v-f1b59759]{animation:character-upload-detect-spin-f1b59759 1s linear infinite;flex-shrink:0}.character-upload-wrap .preview-area .preview-img-wrap .preview-detect-icon[data-v-f1b59759] svg{display:block;height:20px;width:20px}.character-upload-wrap .preview-area .preview-img-wrap .hover-preview-card[data-v-f1b59759]{background:transparent;border:none;bottom:calc(100% + 8px);box-shadow:none;box-sizing:border-box;height:-moz-max-content;height:max-content;left:50%;opacity:0;padding:0;pointer-events:none;position:absolute;transform:translate(-50%) translateY(4px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;visibility:hidden;width:-moz-max-content;width:max-content;z-index:4}.character-upload-wrap .preview-area .preview-img-wrap .hover-preview-img[data-v-f1b59759]{border-radius:4px;display:block;height:auto;max-height:min(240px,40vh);max-width:min(240px,40vw);-o-object-fit:contain;object-fit:contain;width:auto}.character-upload-wrap .preview-area .preview-img-wrap .replace-btn[data-v-f1b59759]{align-items:center;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));border:none;border-radius:0 0 4px 4px;bottom:0;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;height:24px;justify-content:center;left:0;padding:0;position:absolute;right:0;text-align:center;z-index:1}.character-upload-wrap .preview-area .preview-img-wrap .replace-btn .replace-icon[data-v-f1b59759]{flex-shrink:0;height:10px;width:10px}.character-upload-wrap .preview-area .preview-img-wrap .replace-btn .replace-icon[data-v-f1b59759] svg{display:block;height:10px;width:10px}.character-upload-wrap .preview-area .preview-img-wrap .replace-btn .replace-icon[data-v-f1b59759] circle,.character-upload-wrap .preview-area .preview-img-wrap .replace-btn .replace-icon[data-v-f1b59759] ellipse,.character-upload-wrap .preview-area .preview-img-wrap .replace-btn .replace-icon[data-v-f1b59759] path,.character-upload-wrap .preview-area .preview-img-wrap .replace-btn .replace-icon[data-v-f1b59759] polygon,.character-upload-wrap .preview-area .preview-img-wrap .replace-btn .replace-icon[data-v-f1b59759] rect{fill:#bec4ca;stroke:#bec4ca}.character-upload-wrap .preview-area .preview-img-wrap .replace-btn .replace-icon[data-v-f1b59759] line,.character-upload-wrap .preview-area .preview-img-wrap .replace-btn .replace-icon[data-v-f1b59759] polyline{stroke:#bec4ca}.character-upload-wrap .preview-area .preview-img-wrap .replace-btn .replace-text[data-v-f1b59759]{color:#d8d8d8;font-size:10px;font-weight:400;letter-spacing:0;line-height:12px;position:relative}.character-upload-wrap .preview-area .preview-img-wrap .delete-btn[data-v-f1b59759]{align-items:center;background:#00000080;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;height:16px;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:-4px;top:-4px;transform:scale(.88);transition:opacity .22s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.4,0,.2,1),visibility .22s,background .15s ease;visibility:hidden;width:16px}.character-upload-wrap .preview-area .preview-img-wrap .delete-btn[data-v-f1b59759]:hover{background:#000000b3}.character-upload-wrap .preview-area .preview-img-wrap:hover .delete-btn[data-v-f1b59759]{opacity:1;pointer-events:auto;transform:scale(1);visibility:visible}.character-upload-wrap .preview-area .preview-img-wrap:hover .hover-preview-card[data-v-f1b59759]{opacity:1;transform:translate(-50%) translateY(0);visibility:visible}.character-upload-wrap .preview-area .preview-img-wrap[data-v-f1b59759]:hover{border-color:#2b2b2b}