.arb-file-upload,.arb-image-upload{font-family:var(--font-family-body)}.arb-file-upload *,.arb-file-upload :after,.arb-file-upload :before,.arb-image-upload *,.arb-image-upload :after,.arb-image-upload :before{box-sizing:border-box}.arb-image-upload{--image-upload-actions-width:max(var(--image-upload-width),9.5rem);--image-upload-height:var(--file-image-medium-height);--image-upload-width:var(--file-image-medium-width);display:grid;min-width:0;gap:var(--space-xs);align-content:start}.arb-image-upload--small{--image-upload-height:var(--file-image-small-height);--image-upload-width:var(--file-image-small-width)}.arb-image-upload--large{--image-upload-height:var(--file-image-large-height);--image-upload-width:var(--file-image-large-width)}.arb-image-upload--circle{--image-upload-width:var(--image-upload-height)}.arb-image-upload__label{color:var(--file-upload-text-strong);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);line-height:var(--line-height-small)}.arb-image-upload__preview{display:grid;width:var(--image-upload-width);height:var(--image-upload-height);overflow:hidden;border:1px solid var(--file-upload-border);border-radius:var(--file-upload-radius);background:var(--file-upload-preview-bg);place-items:center}.arb-image-upload--circle .arb-image-upload__preview{border-radius:var(--radius-pill)}.arb-image-upload__preview img{width:100%;height:100%;object-fit:cover}.arb-image-upload__placeholder{display:inline-flex;width:2rem;height:2rem;color:var(--file-upload-muted)}.arb-image-upload--small .arb-image-upload__placeholder{width:1.5rem;height:1.5rem}.arb-file-upload__dropzone-icon svg,.arb-file-upload__file-icon svg,.arb-file-upload__item-remove svg,.arb-file-upload__status svg,.arb-image-upload__placeholder svg,.arb-image-upload__remove svg,.arb-image-upload__select svg{width:100%;height:100%}.arb-image-upload__actions{display:flex;width:var(--image-upload-actions-width);gap:var(--space-xs);align-items:center}.arb-file-upload__item-remove,.arb-file-upload__retry,.arb-image-upload__remove,.arb-image-upload__select{transition:background-color .14s ease,border-color .14s ease,color .14s ease}.arb-image-upload__select{display:inline-flex;min-width:0;min-height:var(--file-upload-action-height);flex:1 1 auto;gap:var(--space-xs);align-items:center;justify-content:center;padding:0 var(--space-sm);border:1px solid var(--file-upload-border);border-radius:var(--button-radius);background:var(--file-upload-bg);color:var(--file-upload-text);cursor:pointer;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);line-height:var(--line-height-small);touch-action:manipulation}.arb-image-upload__select svg{width:1rem;height:1rem;flex:0 0 auto}.arb-file-upload__input,.arb-image-upload__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.arb-file-upload__dropzone:focus-within,.arb-file-upload__item-remove:focus-visible,.arb-file-upload__retry:focus-visible,.arb-image-upload__remove:focus-visible,.arb-image-upload__select:focus-within{outline:2px solid var(--file-upload-focus);outline-offset:2px}.arb-file-upload__item-remove,.arb-image-upload__remove{appearance:none;display:inline-grid;width:var(--file-upload-action-height);height:var(--file-upload-action-height);flex:0 0 auto;padding:0;border:1px solid var(--file-upload-border);border-radius:var(--button-radius);background:var(--file-upload-bg);color:var(--file-upload-muted);cursor:pointer;place-items:center;touch-action:manipulation}.arb-file-upload__item-remove svg,.arb-image-upload__remove svg{width:1.125rem;height:1.125rem}.arb-image-upload__description{width:var(--image-upload-actions-width);overflow:hidden;color:var(--file-upload-muted);font-size:var(--font-size-caption);line-height:var(--line-height-caption);text-overflow:ellipsis;white-space:nowrap}.arb-image-upload--disabled{opacity:.48}.arb-image-upload--disabled .arb-image-upload__select{cursor:not-allowed}.arb-file-upload{display:grid;min-width:0;gap:var(--space-md)}.arb-file-upload__dropzone{display:grid;min-height:var(--file-upload-dropzone-min-height);gap:var(--space-xs);align-content:center;justify-items:center;padding:var(--space-xl);border:1px dashed var(--file-upload-border-strong);border-radius:var(--file-upload-radius);background:var(--file-upload-bg);color:var(--file-upload-text);cursor:pointer;text-align:center;touch-action:manipulation;transition:background-color .16s ease,border-color .16s ease}.arb-file-upload__dropzone--dragging{border-color:var(--file-upload-accent);background:var(--file-upload-active-bg)}.arb-file-upload__dropzone--disabled{background:var(--file-upload-disabled-bg);color:var(--file-upload-muted);cursor:not-allowed}.arb-file-upload__dropzone-icon{display:inline-flex;width:2.5rem;height:2.5rem;margin-bottom:var(--space-xs);color:var(--file-upload-text-strong)}.arb-file-upload__dropzone-copy{display:grid;gap:var(--space-2xs);font-size:var(--font-size-small);line-height:var(--line-height-small)}.arb-file-upload__dropzone-copy strong{color:var(--file-upload-text-strong);font-weight:var(--font-weight-semibold)}.arb-file-upload__browse{color:var(--file-upload-link);font-weight:var(--font-weight-medium)}.arb-file-upload__description,.arb-file-upload__empty{margin:0;color:var(--file-upload-muted);font-size:var(--font-size-caption);line-height:var(--line-height-caption)}.arb-file-upload__list{display:grid;gap:var(--space-xs);margin:0;padding:0;list-style:none}.arb-file-upload__item{display:grid;grid-template-columns:2.5rem minmax(0,1fr) 2.75rem;gap:var(--space-sm);align-items:start;min-width:0;padding:var(--space-sm);border:1px solid var(--file-upload-border);border-radius:var(--file-upload-item-radius);background:var(--file-upload-bg)}.arb-file-upload__file-icon{display:inline-grid;width:2.5rem;height:2.5rem;border-radius:var(--radius-sm);background:var(--file-upload-file-icon-bg);color:var(--file-upload-file-icon);place-items:center}.arb-file-upload__file-icon svg{width:1.25rem;height:1.25rem}.arb-file-upload__item-body{display:grid;min-width:0;gap:var(--space-xs)}.arb-file-upload__item-header,.arb-file-upload__status-row{display:flex;min-width:0;gap:var(--space-sm);align-items:center;justify-content:space-between}.arb-file-upload__item-header strong{min-width:0;overflow:hidden;color:var(--file-upload-text-strong);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);line-height:var(--line-height-small);text-overflow:ellipsis;white-space:nowrap}.arb-file-upload__size,.arb-file-upload__status{color:var(--file-upload-muted);font-size:var(--font-size-caption);line-height:var(--line-height-caption)}.arb-file-upload__size{flex:0 0 auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.arb-file-upload__progress{height:var(--file-upload-progress-height);overflow:hidden;border-radius:var(--radius-pill);background:var(--file-upload-progress-track)}.arb-file-upload__progress>span{display:block;width:100%;height:100%;border-radius:inherit;background:var(--file-upload-progress-value);transform:scaleX(var(--file-progress));transform-origin:left center;transition:transform .22s ease-out}.arb-file-upload__status{display:inline-flex;min-width:0;gap:var(--space-2xs);align-items:center}.arb-file-upload__status svg{width:1rem;height:1rem;flex:0 0 auto}.arb-file-upload__item--success .arb-file-upload__status{color:var(--file-upload-success)}.arb-file-upload__item--error{border-color:var(--file-upload-error-border)}.arb-file-upload__item--error .arb-file-upload__status{color:var(--file-upload-error)}.arb-file-upload__retry{appearance:none;min-height:1.75rem;padding:0 var(--space-xs);border:0;border-radius:var(--radius-xs);background:transparent;color:var(--file-upload-link);cursor:pointer;font:var(--font-weight-medium) var(--font-size-caption) /var(--line-height-caption) var(--font-family-body);touch-action:manipulation}.arb-file-upload__item-remove{width:2.75rem;height:2.75rem;margin:calc(var(--space-2xs) * -1);border-color:transparent}@media (hover:hover){.arb-file-upload__item-remove:hover,.arb-image-upload__remove:hover,.arb-image-upload__select:hover{border-color:var(--file-upload-border-strong);background:var(--file-upload-hover-bg);color:var(--file-upload-text-strong)}.arb-file-upload__dropzone:hover{border-color:var(--file-upload-text-strong);background:var(--file-upload-hover-bg)}.arb-file-upload__retry:hover{background:var(--file-upload-active-bg);color:var(--file-upload-link-hover)}}.arb-file-upload__item-remove:active,.arb-file-upload__retry:active,.arb-image-upload__remove:active,.arb-image-upload__select:active{background:var(--file-upload-active-bg)}@media (max-width:520px){.arb-file-upload__dropzone{min-height:auto;padding:var(--space-lg) var(--space-md)}.arb-file-upload__item{grid-template-columns:2.5rem minmax(0,1fr) 2.75rem;gap:var(--space-xs)}.arb-file-upload__status-row{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.arb-file-upload__dropzone,.arb-file-upload__item-remove,.arb-file-upload__progress>span,.arb-file-upload__retry,.arb-image-upload__remove,.arb-image-upload__select{transition:none}}@media (forced-colors:active){.arb-file-upload__dropzone,.arb-file-upload__item,.arb-image-upload__preview,.arb-image-upload__remove,.arb-image-upload__select{border-color:CanvasText}}.arb-file-upload__open{display:block;max-width:100%;padding:0;border:0;background:transparent;color:var(--file-upload-link);font:inherit;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.arb-file-upload__open:hover{color:var(--file-upload-link-hover)}.arb-file-upload__file-preview:focus-visible,.arb-file-upload__open:focus-visible{outline:2px solid var(--file-upload-focus);outline-offset:3px}.arb-file-upload__file-preview{display:block;width:100%;aspect-ratio:1;padding:0;border:1px solid var(--file-upload-border);border-radius:var(--radius-sm);overflow:hidden;background:var(--file-upload-preview-bg);cursor:zoom-in}.arb-file-upload__file-preview img{display:block;width:100%;height:100%;object-fit:cover}