.naraya-box{display:block}.naraya-checkbox{position:relative;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none}.naraya-checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.naraya-checkbox__box{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1rem;height:1rem;border:1.5px solid rgb(var(--border-subtle));border-radius:.25rem;background-color:rgb(var(--bg-surface));transition:border-color var(--duration-fast) var(--easing-smooth),background-color var(--duration-fast) var(--easing-smooth),box-shadow var(--duration-fast) var(--easing-smooth)}.naraya-checkbox__box svg{width:.625rem;height:.625rem;color:rgb(var(--color-primary-content));opacity:0;transform:scale(.5);transition:opacity var(--duration-fast) var(--easing-smooth),transform var(--duration-fast) var(--easing-smooth)}.naraya-checkbox:hover .naraya-checkbox__box{border-color:rgb(var(--color-primary-hover))}.naraya-checkbox__input:focus-visible+.naraya-checkbox__box{box-shadow:0 0 0 3px rgb(var(--ring-focus)/.25)}.naraya-checkbox__input:checked+.naraya-checkbox__box{border-color:rgb(var(--color-primary));background-color:rgb(var(--color-primary))}.naraya-checkbox__input:checked+.naraya-checkbox__box svg{opacity:1;transform:scale(1)}.naraya-checkbox__input:disabled+.naraya-checkbox__box,.naraya-checkbox__input:disabled~.naraya-checkbox__label{opacity:.5;cursor:not-allowed}.naraya-checkbox__label{font-size:.875rem;line-height:1.25rem;color:rgb(var(--text-main))}.naraya-checkbox--sm .naraya-checkbox__box{width:.875rem;height:.875rem}.naraya-checkbox--sm .naraya-checkbox__label{font-size:.75rem}.naraya-combobox{position:relative;width:100%}.naraya-combobox__control{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;width:100%;min-height:2.25rem;padding:.3125rem .5rem;background-color:rgb(var(--bg-surface));border:1px solid rgb(var(--border-subtle));border-radius:.5rem;font-family:inherit;font-size:.875rem;color:rgb(var(--text-main));cursor:text;transition:border-color var(--duration-fast) var(--easing-smooth),box-shadow var(--duration-fast) var(--easing-smooth)}.naraya-combobox__control:hover{border-color:rgb(var(--border-main))}.naraya-combobox__control--focused{border-color:rgb(var(--ring-focus));box-shadow:0 0 0 3px rgb(var(--ring-focus)/.2)}.naraya-combobox__chip{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem .125rem .5rem;font-size:.75rem;font-weight:500;background-color:rgb(var(--color-primary)/.1);color:rgb(var(--color-primary));border-radius:.375rem}.naraya-combobox__chip-remove{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;background:transparent;border:0;border-radius:.25rem;color:inherit;cursor:pointer;opacity:.7}.naraya-combobox__chip-remove:hover{opacity:1;background-color:rgb(var(--color-primary)/.2)}.naraya-combobox__chip-remove svg{width:.75rem;height:.75rem}.naraya-combobox__input{flex:1;min-width:4rem;background:transparent;border:0;outline:0;font-family:inherit;font-size:.875rem;color:rgb(var(--text-main));padding:.125rem 0}.naraya-combobox__input::placeholder{color:rgb(var(--text-muted))}.naraya-combobox__clear{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;margin-right:.125rem;padding:0;border:0;background:transparent;border-radius:.25rem;color:rgb(var(--text-muted));cursor:pointer;transition:color var(--duration-fast) var(--easing-smooth),background-color var(--duration-fast) var(--easing-smooth)}.naraya-combobox__clear:hover{color:rgb(var(--text-main));background-color:rgb(var(--color-secondary))}.naraya-combobox__clear svg{width:.875rem;height:.875rem}.naraya-combobox__chevron{flex-shrink:0;width:1rem;height:1rem;color:rgb(var(--text-muted));transition:transform var(--duration-fast) var(--easing-smooth)}.naraya-combobox__chevron--open{transform:rotate(180deg)}.naraya-combobox__panel{position:absolute;top:calc(100% + .25rem);left:0;right:0;z-index:50;max-height:16rem;overflow-y:auto;padding:.375rem;background-color:rgb(var(--bg-surface));border:1px solid rgb(var(--border-subtle));border-radius:.5rem;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity var(--duration-fast) var(--easing-smooth),transform var(--duration-fast) var(--easing-smooth)}.naraya-combobox__panel--open{opacity:1;transform:translateY(0);pointer-events:auto}.naraya-combobox__option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4375rem .625rem;background-color:transparent;border:0;border-radius:.375rem;font-family:inherit;font-size:.875rem;color:rgb(var(--text-main));cursor:pointer;text-align:left}.naraya-combobox__option--active{background-color:rgb(var(--color-secondary))}.naraya-combobox__option--selected{color:rgb(var(--color-primary));font-weight:500}.naraya-combobox__option-check{margin-left:auto;width:1rem;height:1rem;color:rgb(var(--color-primary))}.naraya-combobox__empty{padding:.875rem;text-align:center;font-size:.8125rem;color:rgb(var(--text-muted))}.naraya-cmdk-overlay{position:fixed;inset:0;z-index:60;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:4rem 1rem 1rem;opacity:0;animation:naraya-cmdk-fade var(--duration-base) var(--easing-smooth) forwards}.naraya-cmdk-overlay--exiting{animation:naraya-cmdk-fade-out var(--duration-base) var(--easing-smooth) forwards}@keyframes naraya-cmdk-fade{to{opacity:1}}@keyframes naraya-cmdk-fade-out{0%{opacity:1}to{opacity:0}}.naraya-cmdk{width:100%;max-width:36rem;background-color:rgb(var(--bg-surface));border:1px solid rgb(var(--border-subtle));border-radius:.875rem;box-shadow:var(--shadow-xl);overflow:hidden;opacity:0;transform:scale(.96) translateY(-8px);animation:naraya-cmdk-in var(--duration-base) var(--easing-smooth) forwards}.naraya-cmdk-overlay--exiting .naraya-cmdk{animation:naraya-cmdk-out var(--duration-base) var(--easing-smooth) forwards}@keyframes naraya-cmdk-in{0%{opacity:0;transform:scale(.92) translateY(-8px)}60%{opacity:1;transform:scale(1.02) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes naraya-cmdk-out{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-4px)}}.naraya-cmdk__input-wrap{display:flex;align-items:center;gap:.625rem;padding:.875rem 1rem;border-bottom:1px solid rgb(var(--border-subtle))}.naraya-cmdk__icon{flex-shrink:0;width:1.125rem;height:1.125rem;color:rgb(var(--text-muted))}.naraya-cmdk__input{flex:1;background:transparent;border:0;outline:0;font-family:inherit;font-size:.9375rem;line-height:1.5rem;color:rgb(var(--text-main))}.naraya-cmdk__input::placeholder{color:rgb(var(--text-muted))}.naraya-cmdk__shortcut{font-family:var(--font-mono);font-size:.75rem;padding:.125rem .375rem;background-color:rgb(var(--color-secondary));color:rgb(var(--text-muted));border-radius:.25rem}.naraya-cmdk__list{max-height:22rem;overflow-y:auto;padding:.375rem}.naraya-cmdk__group-label{padding:.5rem .625rem .25rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:rgb(var(--text-muted))}.naraya-cmdk__item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5rem .625rem;background-color:transparent;border:0;border-radius:.5rem;font-family:inherit;font-size:.875rem;line-height:1.25rem;color:rgb(var(--text-main));cursor:pointer;text-align:left}.naraya-cmdk__item--active{background-color:rgb(var(--color-primary)/.1);color:rgb(var(--color-primary))}.naraya-cmdk__item-icon{flex-shrink:0;width:1rem;height:1rem;color:rgb(var(--text-muted))}.naraya-cmdk__item--active .naraya-cmdk__item-icon{color:rgb(var(--color-primary))}.naraya-cmdk__item-hint{margin-left:auto;font-size:.75rem;color:rgb(var(--text-muted))}.naraya-cmdk__empty{padding:2rem 1rem;text-align:center;font-size:.875rem;color:rgb(var(--text-muted))}.naraya-cmdk__footer{display:flex;align-items:center;gap:.875rem;padding:.5rem 1rem;border-top:1px solid rgb(var(--border-subtle));background-color:rgb(var(--color-secondary)/.4);font-size:.75rem;color:rgb(var(--text-muted))}.naraya-cmdk__footer-key{display:inline-flex;align-items:center;gap:.25rem}.naraya-cmdk__kbd{font-family:var(--font-mono);font-size:.6875rem;padding:.0625rem .3125rem;background-color:rgb(var(--bg-surface));border:1px solid rgb(var(--border-subtle));border-radius:.25rem}.naraya-cmdk-trigger{display:inline-flex;align-items:center;gap:.5rem;width:16rem;max-width:100%;padding:.375rem .4375rem .375rem .625rem;background-color:rgb(var(--color-secondary)/.5);border:1px solid rgb(var(--border-subtle));border-radius:.5rem;font-family:inherit;font-size:.8125rem;color:rgb(var(--text-muted));cursor:pointer;text-align:left;transition:background-color var(--duration-fast) var(--easing-smooth),border-color var(--duration-fast) var(--easing-smooth)}.naraya-cmdk-trigger:hover{background-color:rgb(var(--color-secondary));border-color:rgb(var(--border-main));color:rgb(var(--text-main))}.naraya-cmdk-trigger:focus-visible{outline:0;border-color:rgb(var(--ring-focus));box-shadow:0 0 0 3px rgb(var(--ring-focus)/.2)}.naraya-cmdk-trigger__icon{flex-shrink:0;width:.875rem;height:.875rem;color:rgb(var(--text-muted))}.naraya-cmdk-trigger__label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.naraya-cmdk-trigger__kbd{display:inline-flex;align-items:center;gap:.125rem;flex-shrink:0;font-family:var(--font-mono);font-size:.6875rem;font-weight:500;padding:.0625rem .375rem;background-color:rgb(var(--bg-surface));border:1px solid rgb(var(--border-subtle));border-radius:.3125rem;color:rgb(var(--text-muted))}.naraya-cmdk-trigger--compact{width:auto;padding:.375rem}.naraya-cmdk-trigger--compact .naraya-cmdk-trigger__kbd,.naraya-cmdk-trigger--compact .naraya-cmdk-trigger__label{display:none}.naraya-datatable{display:flex;flex-direction:column;gap:.75rem}.naraya-datatable__toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.naraya-datatable__search{position:relative;display:inline-flex;align-items:center;width:18rem;max-width:100%}.naraya-datatable__search-icon{position:absolute;left:.625rem;width:.875rem;height:.875rem;color:rgb(var(--text-muted));pointer-events:none}.naraya-datatable__search-input{width:100%;padding:.4375rem .625rem .4375rem 1.875rem;font-family:inherit;font-size:.875rem;background-color:rgb(var(--bg-surface));border:1px solid rgb(var(--border-subtle));border-radius:.5rem;color:rgb(var(--text-main))}.naraya-datatable__search-input:focus{outline:0;border-color:rgb(var(--ring-focus));box-shadow:0 0 0 3px rgb(var(--ring-focus)/.2)}.naraya-datatable__selection-info{font-size:.8125rem;color:rgb(var(--text-muted))}.naraya-datatable__wrapper{width:100%;overflow-x:auto;border:1px solid rgb(var(--border-subtle)/.8);border-radius:.75rem}.naraya-datatable__table{width:100%;border-collapse:collapse;font-size:.875rem;line-height:1.25rem}.naraya-datatable__table thead{border-bottom:1px solid rgb(var(--border-subtle))}.naraya-datatable__table th{padding:.625rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:rgb(var(--text-muted));text-align:left;background-color:rgb(var(--color-secondary)/.4);white-space:nowrap;user-select:none}.naraya-datatable__th-sortable{cursor:pointer;transition:color var(--duration-fast) var(--easing-smooth)}.naraya-datatable__th-sortable:hover{color:rgb(var(--text-main))}.naraya-datatable__th-content{display:inline-flex;align-items:center;gap:.375rem}.naraya-datatable__sort-icon{width:.75rem;height:.75rem;opacity:.5}.naraya-datatable__sort-icon--active{opacity:1;color:rgb(var(--color-primary))}.naraya-datatable__table td{padding:.625rem 1rem;color:rgb(var(--text-main));border-bottom:1px solid rgb(var(--border-subtle)/.5)}.naraya-datatable__table tbody tr:last-child td{border-bottom:0}.naraya-datatable__table tbody tr:hover td{background-color:rgb(var(--color-primary)/.08)}.naraya-datatable__row--selected td{background-color:rgb(var(--color-primary)/.06)}.naraya-datatable__checkbox{width:1rem;height:1rem;margin:0;accent-color:rgb(var(--color-primary));cursor:pointer}.naraya-datatable__footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.naraya-pagination{display:flex;align-items:center;gap:.25rem}.naraya-pagination__btn{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .5rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1;color:rgb(var(--text-main));background-color:transparent;border:1px solid transparent;border-radius:.375rem;cursor:pointer;transition:background-color var(--duration-fast) var(--easing-smooth),border-color var(--duration-fast) var(--easing-smooth)}.naraya-pagination__btn:hover:not(:disabled){background-color:rgb(var(--color-secondary))}.naraya-pagination__btn:focus-visible{outline:2px solid rgb(var(--ring-focus));outline-offset:2px}.naraya-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.naraya-pagination__btn--active{background-color:rgb(var(--color-primary))!important;color:rgb(var(--color-primary-content))}.naraya-pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;font-size:.875rem;color:rgb(var(--text-muted))}.naraya-pagination__info{font-size:.8125rem;color:rgb(var(--text-muted));margin-left:.75rem}.naraya-datepicker{position:relative;display:inline-block;width:100%}.naraya-datepicker__trigger{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4375rem .625rem;background-color:rgb(var(--bg-surface));border:1px solid rgb(var(--border-subtle));border-radius:.5rem;font-family:inherit;font-size:.875rem;color:rgb(var(--text-main));text-align:left;cursor:pointer;transition:border-color var(--duration-fast) var(--easing-smooth)}.naraya-datepicker__trigger:hover{border-color:rgb(var(--border-main))}.naraya-datepicker__trigger:focus-visible{outline:0;border-color:rgb(var(--ring-focus));box-shadow:0 0 0 3px rgb(var(--ring-focus)/.2)}.naraya-datepicker__trigger-icon{flex-shrink:0;width:1rem;height:1rem;color:rgb(var(--text-muted))}.naraya-datepicker__trigger-text{flex:1}.naraya-datepicker__placeholder{color:rgb(var(--text-muted))}.naraya-datepicker__panel{position:absolute;top:calc(100% + .375rem);left:0;z-index:50;padding:.875rem;background-color:rgb(var(--bg-surface));border:1px solid rgb(var(--border-subtle));border-radius:.75rem;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(-4px) scale(.98);transform-origin:top left;pointer-events:none;transition:opacity var(--duration-fast) var(--easing-smooth),transform var(--duration-fast) var(--easing-smooth)}.naraya-datepicker__panel--open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.naraya-datepicker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.naraya-datepicker__title{font-size:.875rem;font-weight:600;color:rgb(var(--text-main))}.naraya-datepicker__nav{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background-color:transparent;border:0;border-radius:.375rem;color:rgb(var(--text-muted));cursor:pointer;transition:background-color var(--duration-fast) var(--easing-smooth)}.naraya-datepicker__nav:hover{background-color:rgb(var(--color-secondary));color:rgb(var(--text-main))}.naraya-datepicker__nav svg{width:.875rem;height:.875rem}.naraya-datepicker__weekdays{display:grid;grid-template-columns:repeat(7,2rem);gap:.125rem;margin-bottom:.25rem}.naraya-datepicker__weekday{text-align:center;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:rgb(var(--text-muted));padding:.25rem 0}.naraya-datepicker__grid{display:grid;grid-template-columns:repeat(7,2rem);gap:.125rem}.naraya-datepicker__day{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-family:inherit;font-size:.8125rem;background-color:transparent;border:0;border-radius:.375rem;color:rgb(var(--text-main));cursor:pointer;transition:background-color var(--duration-fast) var(--easing-smooth)}.naraya-datepicker__day:hover:not(:disabled){background-color:rgb(var(--color-secondary))}.naraya-datepicker__day:disabled{cursor:not-allowed}.naraya-datepicker__day--outside,.naraya-datepicker__day:disabled{color:rgb(var(--text-muted));opacity:.4}.naraya-datepicker__day--today{font-weight:700;color:rgb(var(--color-primary))}.naraya-datepicker__day--selected{background-color:rgb(var(--color-primary))!important;color:rgb(var(--color-primary-content))}.naraya-datepicker__footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.625rem;padding-top:.625rem;border-top:1px solid rgb(var(--border-subtle))}.naraya-datepicker__action{font-family:inherit;font-size:.8125rem;font-weight:500;padding:.25rem .5rem;background:transparent;border:0;border-radius:.375rem;color:rgb(var(--color-primary));cursor:pointer}.naraya-datepicker__action:hover{background-color:rgb(var(--color-primary)/.1)}.naraya-grid{display:grid;gap:1rem}.naraya-grid--cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.naraya-grid--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.naraya-grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.naraya-grid--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.naraya-grid--cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.naraya-grid--cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.naraya-grid--cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.naraya-grid--gap-0{gap:0}.naraya-grid--gap-1{gap:.25rem}.naraya-grid--gap-2{gap:.5rem}.naraya-grid--gap-3{gap:.75rem}.naraya-grid--gap-4{gap:1rem}.naraya-grid--gap-5{gap:1.25rem}.naraya-grid--gap-6{gap:1.5rem}.naraya-grid--gap-8{gap:2rem}.naraya-grid--gap-10{gap:2.5rem}.naraya-grid--gap-12{gap:3rem}@media (min-width:768px){.naraya-grid--md-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.naraya-grid--md-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.naraya-grid--md-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.naraya-grid--md-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.naraya-grid--md-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (min-width:1024px){.naraya-grid--lg-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.naraya-grid--lg-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.naraya-grid--lg-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.naraya-grid--lg-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.naraya-grid--lg-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}.naraya-divider{border:0;background-color:rgb(var(--border-subtle));margin:0}.naraya-divider--horizontal{width:100%;height:1px}.naraya-divider--vertical{display:inline-block;width:1px;height:1em;align-self:stretch;vertical-align:middle}.naraya-divider-with-label{display:flex;align-items:center;gap:.75rem;width:100%}.naraya-divider-with-label__line{flex:1 1 auto;height:1px;background-color:rgb(var(--border-subtle))}.naraya-divider-with-label__label{flex:0 0 auto;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--text-muted))}.naraya-divider--dashed,.naraya-divider-with-label--dashed .naraya-divider-with-label__line{background-color:transparent;border-top:1px dashed rgb(var(--border-subtle));height:0}.naraya-divider--dashed.naraya-divider--vertical{background-color:transparent;border-left:1px dashed rgb(var(--border-subtle));border-top:0;width:0}.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{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)}