.naraya-file-upload{display:flex;flex-direction:column;gap:.5rem;width:100%}.naraya-file-upload__label{font-size:.8125rem;font-weight:500;color:rgb(var(--text-main))}.naraya-file-upload__zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;padding:1.5rem 1rem;text-align:center;border:1.5px dashed rgb(var(--border-subtle));border-radius:.625rem;background-color:rgb(var(--bg-surface));color:rgb(var(--text-muted));cursor:pointer;outline:none;transition:border-color var(--duration-fast) var(--easing-smooth),background-color var(--duration-fast) var(--easing-smooth)}.naraya-file-upload__zone:hover{border-color:rgb(var(--color-primary)/.5)}.naraya-file-upload__zone:focus-visible{border-color:rgb(var(--color-primary));box-shadow:0 0 0 3px rgb(var(--ring-focus)/.2)}.naraya-file-upload__zone--dragging{border-color:rgb(var(--color-primary));background-color:rgb(var(--color-primary)/.06)}.naraya-file-upload__zone--disabled{opacity:.55;cursor:not-allowed}.naraya-file-upload__zone--disabled:hover{border-color:rgb(var(--border-subtle))}.naraya-file-upload__input{display:none}.naraya-file-upload__button-row{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.naraya-file-upload__browse{display:inline-flex;align-items:center;gap:.4375rem;height:2.5rem;padding:0 .875rem;font-family:inherit;font-size:.875rem;font-weight:500;color:rgb(var(--text-main));background-color:rgb(var(--bg-surface));border:1px solid rgb(var(--border-subtle));border-radius:.5rem;cursor:pointer;white-space:nowrap;transition:border-color var(--duration-fast) var(--easing-smooth),background-color var(--duration-fast) var(--easing-smooth)}.naraya-file-upload__browse:hover:not(:disabled){border-color:rgb(var(--color-primary)/.5);background-color:rgb(var(--color-secondary)/.5)}.naraya-file-upload__browse:disabled{opacity:.55;cursor:not-allowed}.naraya-file-upload__button-hint{font-size:.8125rem;color:rgb(var(--text-muted))}.naraya-file-upload__field{display:flex;align-items:stretch;width:100%;height:2.5rem;border:1px solid rgb(var(--border-subtle));border-radius:.5rem;background-color:rgb(var(--bg-surface));overflow:hidden;cursor:pointer;outline:none;transition:border-color var(--duration-fast) var(--easing-smooth),box-shadow var(--duration-fast) var(--easing-smooth)}.naraya-file-upload__field:hover:not(.naraya-file-upload__field--disabled){border-color:rgb(var(--color-primary-hover))}.naraya-file-upload__field:focus-visible{border-color:rgb(var(--color-primary));box-shadow:0 0 0 3px rgb(var(--ring-focus)/.2)}.naraya-file-upload__field--disabled{opacity:.55;cursor:not-allowed;background-color:rgb(var(--color-secondary))}.naraya-file-upload__field-text{flex:1 1 auto;min-width:0;align-self:center;padding:0 .75rem;font-size:.875rem;color:rgb(var(--text-main));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.naraya-file-upload__field-text--placeholder{color:rgb(var(--text-muted));opacity:.8}.naraya-file-upload__field-clear{display:inline-flex;align-items:center;justify-content:center;align-self:center;flex-shrink:0;width:1.5rem;height:1.5rem;margin-right:.25rem;padding:0;border:0;border-radius:.375rem;background:transparent;color:rgb(var(--text-muted));cursor:pointer;transition:color var(--duration-fast) var(--easing-smooth),background-color var(--duration-fast) var(--easing-smooth)}.naraya-file-upload__field-clear:hover{color:rgb(var(--color-error));background-color:rgb(var(--color-error)/.1)}.naraya-file-upload__field-btn{display:inline-flex;align-items:center;gap:.375rem;flex-shrink:0;padding:0 .875rem;font-size:.8125rem;font-weight:500;color:rgb(var(--text-main));background-color:rgb(var(--color-secondary)/.7);border-left:1px solid rgb(var(--border-subtle));transition:background-color var(--duration-fast) var(--easing-smooth)}.naraya-file-upload__field:hover:not(.naraya-file-upload__field--disabled) .naraya-file-upload__field-btn{background-color:rgb(var(--color-secondary))}.naraya-file-upload__zone-icon{color:rgb(var(--color-primary))}.naraya-file-upload__zone-text{font-size:.875rem}.naraya-file-upload__zone-text strong{color:rgb(var(--color-primary));font-weight:600}.naraya-file-upload__hint{font-size:.75rem;color:rgb(var(--text-muted))}.naraya-file-upload__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.375rem}.naraya-file-upload__item{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;border:1px solid rgb(var(--border-subtle)/.8);border-radius:.5rem;background-color:rgb(var(--bg-surface))}.naraya-file-upload__thumb{-o-object-fit:cover;object-fit:cover}.naraya-file-upload__item-icon,.naraya-file-upload__thumb{width:2.25rem;height:2.25rem;flex-shrink:0;border-radius:.375rem}.naraya-file-upload__item-icon{display:inline-flex;align-items:center;justify-content:center;color:rgb(var(--text-muted));background-color:rgb(var(--color-secondary)/.6)}.naraya-file-upload__item-meta{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}.naraya-file-upload__item-name{font-size:.8125rem;color:rgb(var(--text-main));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.naraya-file-upload__item-size{font-size:.6875rem;color:rgb(var(--text-muted))}.naraya-file-upload__remove{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.5rem;padding:0;border:0;border-radius:.375rem;background:transparent;color:rgb(var(--text-muted));cursor:pointer;transition:color var(--duration-fast) var(--easing-smooth),background-color var(--duration-fast) var(--easing-smooth)}.naraya-file-upload__remove:hover{color:rgb(var(--color-error));background-color:rgb(var(--color-error)/.1)}