.image-upload-section[data-v-ddd855ea]{display:flex;flex-direction:column;gap:1rem}.image-upload-section--inline[data-v-ddd855ea]{gap:0}.image-upload-section__title[data-v-ddd855ea]{margin:0;font-size:1rem;font-weight:600;line-height:1.4;color:#111827}:is(.dark .image-upload-section__title[data-v-ddd855ea]){color:#f3f4f6}.image-upload-section__row[data-v-ddd855ea]{display:flex;align-items:flex-start;gap:1rem}.image-upload-section--inline .image-upload-section__row[data-v-ddd855ea]{gap:0}@media(min-width:480px){.image-upload-section__row[data-v-ddd855ea]{gap:1.25rem}.image-upload-section--inline .image-upload-section__row[data-v-ddd855ea]{gap:0}}.image-upload-section__wrap[data-v-ddd855ea]{position:relative;flex-shrink:0;width:var(--image-upload-size);height:var(--image-upload-size)}.image-upload-section--sm[data-v-ddd855ea]{--image-upload-size:4rem;--image-upload-radius:22px}.image-upload-section--lg[data-v-ddd855ea]{--image-upload-size:6rem;--image-upload-radius:28px}.image-upload-section--avatar .image-upload-section__overlay[data-v-ddd855ea],.image-upload-section--avatar .image-upload-section__trigger[data-v-ddd855ea]{border-radius:9999px}.image-upload-section__upload[data-v-ddd855ea],.image-upload-section__upload[data-v-ddd855ea] .el-upload{display:block;width:100%;height:100%}.image-upload-section__trigger[data-v-ddd855ea]{position:relative;display:block;width:100%;height:100%;padding:0;border:none;background:transparent;cursor:pointer;border-radius:var(--image-upload-radius);overflow:hidden}.image-upload-section__trigger[data-v-ddd855ea]:focus-visible{outline:2px solid var(--app-color-primary);outline-offset:2px}.image-upload-section__image-frame[data-v-ddd855ea]{width:100%;height:100%;overflow:hidden;border:1px solid #e5e7eb;border-radius:var(--image-upload-radius);background:#ffffffe6;box-shadow:0 10px 15px -3px #00000014}:is(.dark .image-upload-section__image-frame[data-v-ddd855ea]){border-color:#4b5563;background:#111827e6}.image-upload-section__image[data-v-ddd855ea]{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.image-upload-section__placeholder[data-v-ddd855ea]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:var(--image-upload-radius);color:#fff;box-shadow:0 10px 15px -3px #0000001f}.image-upload-section--sm .image-upload-section__initial[data-v-ddd855ea]{font-size:1.25rem;font-weight:700;line-height:1}.image-upload-section--lg .image-upload-section__initial[data-v-ddd855ea]{font-size:1.875rem;font-weight:700;line-height:1}.image-upload-section__overlay[data-v-ddd855ea]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;border-radius:var(--image-upload-radius);background:#0f172a85;color:#fff;opacity:0;transition:opacity .2s ease;pointer-events:none}.image-upload-section__overlay-title[data-v-ddd855ea]{font-size:.6875rem;font-weight:600;line-height:1.2;letter-spacing:.01em}.image-upload-section__trigger .image-upload-section__image-frame[data-v-ddd855ea],.image-upload-section__trigger .image-upload-section__placeholder[data-v-ddd855ea],.image-upload-section__trigger[data-v-ddd855ea]>div{transition:opacity .2s ease}.image-upload-section__trigger:focus-visible .image-upload-section__image-frame[data-v-ddd855ea],.image-upload-section__trigger:focus-visible .image-upload-section__placeholder[data-v-ddd855ea],.image-upload-section__trigger[data-v-ddd855ea]:focus-visible>div,.image-upload-section__trigger:hover .image-upload-section__image-frame[data-v-ddd855ea],.image-upload-section__trigger:hover .image-upload-section__placeholder[data-v-ddd855ea],.image-upload-section__trigger[data-v-ddd855ea]:hover>div{opacity:.72}.image-upload-section__trigger:focus-visible .image-upload-section__overlay[data-v-ddd855ea],.image-upload-section__trigger:hover .image-upload-section__overlay[data-v-ddd855ea]{opacity:1}.image-upload-section__remove-btn[data-v-ddd855ea]{position:absolute;top:-.375rem;right:-.375rem;z-index:2;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid #fecaca;border-radius:var(--el-border-radius-base);background:#fff;color:#dc2626;box-shadow:0 1px 2px #0000000f;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.image-upload-section__remove-btn[data-v-ddd855ea]:hover{border-color:#f87171;background:#fef2f2;color:#b91c1c}:is(.dark .image-upload-section__remove-btn[data-v-ddd855ea]){border-color:#7f1d1d;background:#1f2937;color:#f87171}:is(.dark .image-upload-section__remove-btn[data-v-ddd855ea]:hover){border-color:#b91c1c;background:#450a0a;color:#fca5a5}.image-upload-section__hint[data-v-ddd855ea]{flex:1 1 0;min-width:0;margin:0;padding:.875rem 1rem;border:1px solid #e5e7eb;border-radius:.75rem;background:#f9fafbe6}.image-upload-section__hint-line[data-v-ddd855ea]{margin:0;font-size:.8125rem;line-height:1.55;color:#475569}.image-upload-section__hint-line+.image-upload-section__hint-line[data-v-ddd855ea]{margin-top:.25rem}:is(.dark .image-upload-section__hint[data-v-ddd855ea]){border-color:#374151;background:#1f29378c}:is(.dark .image-upload-section__hint-line[data-v-ddd855ea]){color:#cbd5e1}.image-upload-section__error[data-v-ddd855ea]{margin:0;font-size:.75rem;line-height:1.4;color:var(--el-color-danger)}