.image-uploader{width:100%}.image-uploader--disabled{opacity:.5;pointer-events:none}.image-uploader__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.image-uploader__zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;border:2px dashed var(--color-gray-300, #d1d5db);border-radius:1rem;background-color:#f6f4f2;cursor:pointer;transition:all .2s ease-out;min-height:340px;gap:1.25rem}.image-uploader__zone:hover{border-color:var(--color-primary, #c41e3a)}.image-uploader__zone:focus{outline:none}.image-uploader__zone:focus-visible{outline:2px solid var(--color-primary, #c41e3a);outline-offset:2px}.image-uploader__zone--dragover{border-color:var(--color-primary, #c41e3a);border-style:solid;background-color:#c41e3a0d}.image-uploader__icon{color:var(--color-gray-400, #9ca3af);margin-top:0;margin-bottom:0;transition:color .2s ease-out}.image-uploader__zone:hover .image-uploader__icon,.image-uploader__zone--dragover .image-uploader__icon{color:var(--color-primary, #c41e3a)}.image-uploader__text{font-size:1rem;color:var(--color-gray-600, #4b5563);margin-bottom:.5rem;text-align:center}.image-uploader__text--highlight{color:var(--color-primary, #c41e3a);font-weight:600;text-decoration:underline}.image-uploader__hint{font-size:.875rem;color:var(--color-gray-400, #9ca3af);text-align:center}.image-uploader__uploading{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem}.image-uploader__progress{width:100%;max-width:400px}.image-uploader__preview-container{width:100%;height:340px;border-radius:1rem;overflow:hidden;background-color:var(--color-gray-100, #f3f4f6);position:relative}.image-uploader__preview-image{width:100%;height:100%;object-fit:cover;display:block}.image-uploader__preview-image--uploading{opacity:.7;filter:blur(1px)}.image-uploader__success{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:0;width:100%}.image-uploader__success-message{font-size:1rem;color:var(--color-gray-700, #374151);text-align:center;max-width:400px}.image-uploader__error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.image-uploader__error-message{padding:.75rem 1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;color:#dc2626;font-size:.875rem;text-align:center}@media(max-width:640px){.image-uploader__zone{padding:2rem 1rem;min-height:200px}.image-uploader__preview-container{max-width:100%}.image-uploader__success-message{font-size:.875rem}}