.onui-searchable-select{position:relative}.onui-searchable-select__selected-row{align-items:center;gap:4px;display:flex}.onui-searchable-select__trigger{text-align:left;border:1px solid var(--border);background:var(--card);width:100%;color:var(--foreground);font-size:var(--text-sm);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;transition:border-color .15s;display:flex}.onui-searchable-select__trigger:hover{border-color:color-mix(in srgb,var(--foreground)30%,transparent)}.onui-searchable-select__trigger--empty{color:var(--muted-foreground);border-style:dashed;font-family:inherit}.onui-searchable-select__trigger:disabled{opacity:.5;cursor:not-allowed}.onui-searchable-select__chevron{color:var(--muted-foreground);flex-shrink:0;margin-left:auto}.onui-searchable-select__clear{font-size:var(--text-xs);color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.onui-searchable-select__clear:hover{color:var(--destructive)}.onui-searchable-select__dropdown{z-index:50;border:1px solid var(--border);background:var(--card);box-shadow:0 4px 12px color-mix(in srgb,var(--foreground)8%,transparent);border-radius:8px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow:hidden}.onui-searchable-select__search{border:none;border-bottom:1px solid var(--border);width:100%;font-size:var(--text-sm);color:var(--foreground);background:0 0;outline:none;padding:6px 8px;font-family:inherit}.onui-searchable-select__search::placeholder{color:color-mix(in srgb,var(--muted-foreground)60%,transparent)}.onui-searchable-select__list{max-height:200px;overflow-y:auto}.onui-searchable-select__group-title{font-size:var(--text-xs);font-weight:var(--font-light);text-transform:uppercase;color:var(--muted-foreground);background:color-mix(in srgb,var(--muted)50%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 8px;position:sticky;top:0}.onui-searchable-select__option{width:100%;color:var(--foreground);font-size:var(--text-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:6px;padding:6px 8px;font-family:inherit;transition:background .1s;display:flex}.onui-searchable-select__option:hover{background:color-mix(in srgb,var(--accent)40%,transparent)}.onui-searchable-select__option--active{background:color-mix(in srgb,var(--accent)20%,transparent)}.onui-searchable-select__option-info{flex-direction:column;gap:1px;min-width:0;display:flex}.onui-searchable-select__option-label{font-weight:var(--font-light);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.onui-searchable-select__option-desc{font-size:var(--text-xs);color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.onui-searchable-select__empty{text-align:center;font-size:var(--text-sm);color:var(--muted-foreground);padding:12px 8px}
.onui-data-preview{flex-direction:column;gap:.5rem;padding:.5rem;display:flex}.onui-data-preview__empty{color:var(--muted-foreground);text-align:center;font-size:var(--text-sm);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem 1rem;display:flex}.onui-data-preview__empty-icon{opacity:.4}.onui-data-preview__meta{font-size:var(--text-xs);color:var(--muted-foreground);justify-content:space-between;align-items:center;padding:0 .25rem;display:flex}.onui-data-preview__table-wrap{border:1px solid var(--border);border-radius:var(--radius);max-height:320px;overflow:auto}.onui-data-preview__table{border-collapse:collapse;width:100%;font-size:var(--text-xs);white-space:nowrap}.onui-data-preview__table th{z-index:1;background-color:var(--muted);color:var(--muted-foreground);text-align:left;border-bottom:1px solid var(--border);padding:.375rem .5rem;font-weight:600;position:sticky;top:0}.onui-data-preview__table td{border-bottom:1px solid color-mix(in srgb,var(--border)50%,transparent);text-overflow:ellipsis;max-width:160px;padding:.25rem .5rem;overflow:hidden}.onui-data-preview__table tr:nth-child(2n){background-color:color-mix(in srgb,var(--muted)30%,transparent)}.onui-data-preview__table tr:hover{background-color:color-mix(in srgb,var(--accent)40%,transparent)}.onui-data-preview__type-badge{text-transform:uppercase;opacity:.6;background-color:color-mix(in srgb,var(--muted)60%,transparent);color:var(--muted-foreground);vertical-align:middle;border-radius:3px;margin-left:.25rem;padding:0 .25rem;font-size:9px;font-weight:500;display:inline-block}.onui-data-preview__loading{color:var(--muted-foreground);font-size:var(--text-sm);justify-content:center;align-items:center;gap:.5rem;padding:2rem 1rem;display:flex}.onui-data-preview__loading-spinner{animation:1s linear infinite onui-data-preview-spin}@keyframes onui-data-preview-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}