.upload-main-element{box-sizing:border-box;width:100%;max-width:500px;margin:0 auto}@media (max-width:540px){.upload-main-element{max-width:100%;padding:0 8px}}
.upload-files-panel{width:100%;max-width:480px;margin:0 auto}.upload-files-panel .sf-upload .sf-file-select,.upload-files-panel .sf-upload .sf-file-select .browse-button{width:100%;box-shadow:none;font-weight:var(--sf-font-weight-normal);background:0 0;border:none}.upload-dropzone{gap:var(--sf-spacing-8);padding:var(--sf-spacing-32)var(--sf-spacing-24);color:var(--sb-color-on-surface);flex-direction:column}.upload-dropzone-title,.upload-dropzone-hint{margin:0}
.image-grid{grid-template-columns:repeat(auto-fill,minmax(var(--sf-spacing-200,200px),1fr));gap:var(--sf-spacing-16);display:grid}.image-card{border:1px solid var(--sb-color-outline-variant)}.preview-image{width:100%;height:100%}.image-remove-button{top:var(--sf-spacing-8);right:var(--sf-spacing-8);border:none}
.filelist-customize .sf-upload .sf-upload-files{border:1px solid var(--sb-color-outline-variant);border-radius:var(--sf-radius-4);background:var(--sb-color-surface);margin-top:var(--sf-spacing-12);overflow:hidden}.filelist-customize .sf-upload .sf-upload-file-list{padding:0}.custom-file-row{gap:var(--sf-spacing-8);padding:var(--sf-spacing-12)var(--sf-spacing-16);flex-direction:column}.custom-file-name{color:var(--sb-color-on-surface)}.custom-file-meta{color:var(--sb-color-on-surface-variant)}.custom-file-status-success{color:var(--sb-color-success)}.custom-file-status-error{color:var(--sb-color-error)}.custom-file-status-uploading{color:var(--sb-color-primary)}.custom-file-status-paused{color:var(--sb-color-warning)}.custom-progress-track{height:var(--sf-spacing-8);background:var(--sb-color-surface-variant);flex:1}.custom-progress-bar{background:var(--sb-color-success);height:100%;transition:width .3s}.custom-progress-text{color:var(--sb-color-primary);min-width:var(--sf-spacing-48);text-align:right}
.file-upload-form-container{width:100%;max-width:calc(var(--sf-spacing)*30);margin:0 auto}.file-upload-form{gap:var(--sf-spacing-6);flex-direction:column;display:flex}.form-title{font-size:var(--sf-font-size-lg);font-weight:var(--sf-font-weight-medium);margin-top:0;margin-bottom:var(--sf-spacing-10);color:var(--sb-color-on-surface);text-align:left}.file-upload-form-field{padding-bottom:var(--sf-spacing-20);position:relative}.file-upload-form-field .form-label{font-size:var(--sf-font-size-sm);color:var(--sb-color-on-surface);display:block}.file-upload-form-field .form-label-subtext{font-size:var(--sf-font-size-xs);color:var(--sb-color-on-surface)}.file-upload-form-field .sf-upload .sf-file-select .browse-button{width:100%;box-shadow:none;text-align:center;color:var(--sb-color-on-surface);font-weight:var(--sf-font-weight-normal);background:0 0;border:none;flex-direction:column;display:flex}.file-upload-form-field .sf-form-error{margin:0;display:block;position:absolute;bottom:0;left:0}.file-upload-attachment-field{padding-bottom:var(--sf-spacing-24)}.form-actions{justify-content:space-between;gap:var(--sf-spacing-12);display:flex}