.pui-uploader{display:flex;flex-direction:column;gap:var(--pui-space-2);max-width:100%;width:26rem}.pui-uploader__label{color:var(--pui-color-text);font-size:var(--pui-font-size-2);font-weight:var(--pui-font-weight-medium)}.pui-uploader__helper{color:var(--pui-color-text-subtle);font-size:var(--pui-font-size-1);margin-bottom:var(--pui-space-1)}.pui-uploader__dropzone{align-items:center;background:var(--pui-color-bg-subtle);border:var(--pui-border-width-1) dashed var(--pui-color-border);border-radius:var(--pui-radius-3);color:var(--pui-color-text-subtle);cursor:pointer;display:flex;flex-direction:column;font-size:var(--pui-font-size-2);gap:var(--pui-space-2);padding:var(--pui-space-6);position:relative;text-align:center;transition:border-color var(--pui-dur-1) var(--pui-ease-out),background-color var(--pui-dur-1) var(--pui-ease-out)}.pui-uploader__dropzone:hover{background:var(--pui-color-surface);border-color:var(--pui-color-accent)}.pui-uploader__dropzone:has(.pui-uploader__file:focus-visible){border-color:var(--pui-color-accent);outline:var(--pui-border-width-2) solid var(--pui-color-focus);outline-offset:2px}.pui-uploader__dropzone.is-disabled{cursor:not-allowed;opacity:.5}.pui-uploader__file{clip-path:inset(50%);height:1px;opacity:0;overflow:hidden;position:absolute;width:1px}.pui-uploader__dropicon{color:var(--pui-color-text-subtle);font-size:var(--pui-font-size-5)}.pui-uploader__list{display:flex;flex-direction:column;gap:var(--pui-space-2);list-style:none;margin:var(--pui-space-1) 0 0;padding:0}.pui-uploader__item{align-items:center;background:var(--pui-color-surface);border:var(--pui-border-width-1) solid var(--pui-color-border-subtle);border-radius:var(--pui-radius-2);display:flex;flex-wrap:wrap;font-size:var(--pui-font-size-2);gap:var(--pui-space-2);padding:var(--pui-space-2) var(--pui-space-3)}.pui-uploader__item--error{background:var(--pui-color-danger-subtle);border-color:var(--pui-color-danger)}.pui-uploader__error{color:var(--pui-color-danger-text);flex-basis:100%;font-size:var(--pui-font-size-1);margin:0}.pui-uploader__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pui-uploader__status{color:var(--pui-color-success);display:inline-flex;font-size:var(--pui-font-size-3)}.pui-uploader__remove{background:transparent;border:0;border-radius:var(--pui-radius-1);color:var(--pui-color-text-subtle);cursor:pointer;display:inline-flex;flex:none;font-size:var(--pui-font-size-2);padding:var(--pui-space-1)}.pui-uploader__remove:hover{background:var(--pui-color-surface-hover);color:var(--pui-color-text)}.pui-uploader__remove:focus-visible{outline:var(--pui-border-width-2) solid var(--pui-color-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.pui-uploader__dropzone{transition:none}}