.erl-file-upload{display:flex;flex-direction:column;gap:6px}.erl-file-upload__label{margin:0;font-size:1rem;line-height:1.5;font-weight:500;color:#232324}.erl-file-upload__hint{margin:0;font-size:.875rem;line-height:1.429;color:var(--erl-color-text-muted, #6e6e73)}.erl-file-upload__cap{align-self:flex-start;margin:0;font-size:.875rem;line-height:1.429;color:var(--erl-color-text-muted, #6e6e73)}.erl-file-upload__list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.erl-file-upload__item{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--erl-color-border, #d2d2d7);border-radius:var(--erl-border-radius-md, 8px);background:var(--erl-color-bg, #fff)}.erl-file-upload__thumb{flex:none;width:44px;height:44px;border-radius:var(--erl-border-radius-sm, 4px);object-fit:cover;background:var(--erl-color-bg-subtle, #f5f5f7)}.erl-file-upload__kind{display:flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--erl-border-radius-sm, 4px);background:var(--erl-color-bg-subtle, #f5f5f7);color:var(--erl-color-text-muted, #6e6e73);font-size:11px;font-weight:600;letter-spacing:.02em}.erl-file-upload__meta{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.erl-file-upload__name{font-size:.875rem;line-height:1.429;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.erl-file-upload__size{font-size:12px;line-height:1.333;color:var(--erl-color-text-muted, #6e6e73)}.erl-file-upload__remove{flex:none;align-self:flex-start;padding:0;border:0;background:none;cursor:pointer;font-size:12px;line-height:1.667;color:var(--erl-color-text-muted, #6e6e73);text-decoration:underline;transition:color .15s ease}.erl-file-upload__remove:hover,.erl-file-upload__remove:focus-visible{color:var(--erl-color-text, #222224)}.erl-file-upload__input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.erl-file-upload__pick{align-self:flex-start;padding:10px 16px;border:1px solid var(--erl-color-border, #d2d2d7);border-radius:var(--erl-border-radius-round, 9999px);background:var(--erl-color-bg, #fff);color:var(--erl-color-text, #222224);font-size:.875rem;line-height:1.429;font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .15s ease,opacity .15s ease}.erl-file-upload__pick:hover{background:var(--erl-color-primary-lightest, #fff1f5);border-color:var(--erl-color-primary, #a01637)}.erl-file-upload__pick:active{transform:scale(.98)}.erl-file-upload__pick[aria-busy=true]{opacity:.6;pointer-events:none}.erl-file-upload__input:focus-visible+.erl-file-upload__pick{outline:var(--erl-focus-ring, 2px solid currentColor);outline-offset:var(--erl-focus-ring-offset, 2px)}.erl-file-upload--compact .erl-file-upload__label{font-size:.875rem;line-height:1.429}.erl-file-upload--tiles{gap:12px}.erl-file-upload--tiles .erl-file-upload__hint{margin-block-end:20px;font-size:var(--erl-fs-body-lg, 1.125rem);line-height:var(--erl-lh-body-lg, 1.444);color:var(--erl-color-text, #222224)}.erl-file-upload--tiles .erl-field__message:empty{display:none}.erl-file-upload--tiles .erl-file-upload__list{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.erl-file-upload--tiles .erl-file-upload__list[hidden]{display:none}.erl-file-upload--tiles .erl-file-upload__item{gap:var(--erl-spacing-md, 1rem);min-height:64px;padding:var(--erl-spacing-md, 1rem);border:0;border-radius:var(--erl-border-radius-md, 8px);background:var(--erl-color-bg, #fff);box-shadow:var(--erl-shadow-sm, 0 2px 4px rgba(0, 0, 0, .06))}.erl-file-upload__state{display:flex;flex:none;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--erl-border-radius-round, 9999px);color:var(--erl-color-primary, #a01637)}.erl-file-upload__state svg{width:20px;height:20px}.erl-file-upload__item--reading .erl-file-upload__state svg{animation:erl-file-upload-spin .9s linear infinite}.erl-file-upload__item--ready .erl-file-upload__state{background:var(--erl-color-success-mid, #c6f8e1);color:var(--erl-color-success-dark, #0b5432)}.erl-file-upload__item--ready .erl-file-upload__state svg{width:12px;height:12px}.erl-file-upload__item--error .erl-file-upload__state{color:var(--erl-color-error, #b3261e)}@keyframes erl-file-upload-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.erl-file-upload__item--reading .erl-file-upload__state svg{animation:none}}.erl-file-upload--tiles .erl-file-upload__name{font-size:var(--erl-fs-body-lg, 1.125rem);line-height:var(--erl-lh-body-lg, 1.444);color:var(--erl-color-text, #222224)}.erl-file-upload--tiles .erl-file-upload__item--ready .erl-file-upload__size{display:none}.erl-file-upload--tiles .erl-file-upload__remove{display:flex;align-self:center;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--erl-border-radius-round, 9999px);color:var(--erl-color-heading, #0c0c0e);text-decoration:none}.erl-file-upload--tiles .erl-file-upload__remove svg{width:20px;height:20px}.erl-file-upload--tiles .erl-file-upload__remove:hover,.erl-file-upload--tiles .erl-file-upload__remove:focus-visible{background:var(--erl-color-primary-lightest, #fff1f5);color:var(--erl-color-primary, #a01637)}.erl-file-upload__slot{display:flex;align-items:center;justify-content:center;min-height:64px;padding:var(--erl-spacing-md, 1rem);border:2px dashed var(--erl-color-border-subtle, #e6e6e8);border-radius:var(--erl-border-radius-md, 8px);color:var(--erl-color-text-muted, #6e6e73);font-size:.875rem;line-height:1.429;text-align:center;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.erl-file-upload__slot:hover,.erl-file-upload__slot.is-dragover{border-color:var(--erl-color-primary, #a01637);background:var(--erl-color-primary-lightest, #fff1f5);color:var(--erl-color-primary, #a01637)}.erl-file-upload__footer{display:flex;flex-wrap:wrap;align-items:center;margin-block-start:20px;gap:var(--erl-spacing-xl, 2rem)}.erl-file-upload--tiles .erl-file-upload__pick{display:inline-flex;align-items:center;gap:var(--erl-spacing-sm, .5rem);padding:0;border:0;border-radius:0;background:none;color:var(--erl-color-primary, #a01637);font-size:1rem;line-height:1.5;font-weight:var(--erl-fw-medium, 500)}.erl-file-upload--tiles .erl-file-upload__pick svg{width:20px;height:20px}.erl-file-upload--tiles .erl-file-upload__pick:hover{background:none;text-decoration:underline}.erl-file-upload--tiles .erl-file-upload__cap{flex:1 1 auto;align-self:center;text-align:right;color:var(--erl-color-text-muted, #6e6e73)}.erl-file-upload__input:focus-visible~.erl-file-upload__slot,.erl-file-upload__input:focus-visible~.erl-file-upload__footer .erl-file-upload__pick{outline:var(--erl-focus-ring, 2px solid currentColor);outline-offset:var(--erl-focus-ring-offset, 2px)}@media(min-width:768px){.erl-file-upload--tiles .erl-file-upload__list{grid-template-columns:repeat(2,minmax(0,1fr))}.erl-file-upload__slot{max-width:calc(50% - 6px)}.erl-file-upload__list[hidden]~.erl-file-upload__slot{max-width:none}}@media(max-width:600px){.erl-file-upload__footer{flex-direction:column;align-items:flex-start;gap:var(--erl-spacing-xl, 2rem)}.erl-file-upload--tiles .erl-file-upload__cap{align-self:stretch;text-align:right}}