*{box-sizing:border-box;padding:0;margin:0}.file-upload__label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.file-upload__required{color:#ef4444;margin-left:4px}.file-upload__dropzone{position:relative;border:2px dashed #d1d5db;border-radius:8px;padding:24px;text-align:center;transition:all .2s ease}.file-upload__dropzone:not(.file-upload__dropzone--has-files){cursor:pointer}.file-upload__dropzone:not(.file-upload__dropzone--has-files):hover{border-color:#9ca3af}.file-upload__dropzone--dragging{border-color:#3b82f6;background-color:#eff6ff}.file-upload__dropzone--error{border-color:#ef4444}.file-upload__dropzone--has-files{cursor:default}.file-upload__empty{display:flex;flex-direction:column;align-items:center;gap:8px}.file-upload__upload-icon{font-size:48px;color:#9ca3af;margin-bottom:8px}.file-upload__empty-content{color:#6b7280}.file-upload__drag-text{color:#3b82f6;font-weight:500;margin:0}.file-upload__browse-text{margin:0 0 8px}.file-upload__browse-link{color:#3b82f6;font-weight:500;cursor:pointer}.file-upload__limits{font-size:12px;color:#9ca3af;margin:0}.file-upload__default-preview,.file-upload__preview{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.file-upload__main-preview{width:128px;height:128px;object-fit:cover;border-radius:8px}.file-upload__main-placeholder{width:128px;height:128px;background-color:#f3f4f6;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.file-upload__main-remove{position:absolute;top:8px;right:calc(50% - 64px - 16px);background-color:#ef4444;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;font-size:16px;line-height:1}.file-upload__main-remove:hover{background-color:#dc2626}.file-upload__file-icon{font-size:32px;color:#9ca3af}.file-upload__filename{font-size:12px;color:#6b7280;text-align:center;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-upload__multiple{display:flex;flex-direction:column;align-items:center;gap:8px}.file-upload__multiple-icon{font-size:48px;color:#9ca3af}.file-upload__multiple-text{font-weight:500;color:#374151;margin:0}.file-upload__add-more{font-size:14px;color:#6b7280;margin:0}.file-upload__thumbnails{margin-top:16px}.file-upload__thumbnails-title{font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.file-upload__thumbnails-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:12px;gap:12px}@media(min-width:640px){.file-upload__thumbnails-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media(min-width:768px){.file-upload__thumbnails-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.file-upload__thumbnail{position:relative;transition:transform .2s ease}.file-upload__thumbnail:hover{transform:translateY(-2px)}.file-upload__thumbnail-content{aspect-ratio:1;background-color:#f3f4f6;border-radius:8px;overflow:hidden;position:relative}.file-upload__thumbnail-image{width:100%;height:100%;object-fit:cover}.file-upload__thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.file-upload__thumbnail-icon{font-size:24px;color:#9ca3af}.file-upload__remove-btn{position:absolute;top:-8px;right:-8px;background-color:#ef4444;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .2s ease;font-size:16px;line-height:1}.file-upload__thumbnail:hover .file-upload__remove-btn{opacity:1}.file-upload__remove-btn:hover{background-color:#dc2626}.file-upload__remove-icon{font-size:14px;line-height:1}.file-upload__thumbnail-name{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;font-size:11px;padding:8px 4px 4px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-upload__helper{color:#6b7280}.file-upload__error,.file-upload__helper{font-size:12px;margin-top:8px;margin-bottom:0}.file-upload__error{color:#ef4444}.file-upload__add-more-btn{aspect-ratio:1;border:2px dashed #d1d5db;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.file-upload__add-more-btn:hover{border-color:#9ca3af;background-color:#f9fafb}.file-upload__add-more-content{display:flex;flex-direction:column;align-items:center;gap:4px;color:#6b7280}.file-upload__add-more-icon{font-size:24px;font-weight:700}.file-upload__add-more-text{font-size:12px;text-align:center}.form-input,.form-select,.form-textarea{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-input:invalid,.form-select:invalid,.form-textarea:invalid{border-color:#ef4444}.form-checkbox{width:16px;height:16px;accent-color:#3b82f6}.form-radio-group{display:flex;gap:16px}.form-radio-group--horizontal{flex-direction:row}.form-radio-group--vertical{flex-direction:column;gap:8px}.form-radio-option{display:flex;align-items:center;gap:8px;cursor:pointer}.form-radio-input{width:16px;height:16px;accent-color:#3b82f6}.form-radio-label{font-size:14px;color:#374151}body{font-family:Helvetica Neue,sans-serif;color:#000}.upload{border:2px dashed gray;width:320px;height:100px;text-align:center;padding:20px}.upload.is-drag-active{border-color:#000;background:#dcdcdc}.preview{display:flex;gap:10px}.preview>*{width:100px}.preview>* img{max-width:100%}