.onui-component-editor{background:var(--background);flex-direction:column;height:100%;min-height:0;display:flex}.onui-component-editor__header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.onui-component-editor__title{align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.onui-component-editor__type-badge{font-size:var(--text-sm);font-weight:var(--font-light);text-transform:uppercase;letter-spacing:.04em;background:var(--muted);color:var(--muted-foreground);border-radius:4px;flex-shrink:0;padding:2px 8px}.onui-component-editor__name{font-size:var(--text-base);font-weight:var(--font-normal);color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.onui-component-editor__close{width:28px;height:28px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.onui-component-editor__close:hover{background:var(--muted);color:var(--foreground)}.onui-component-editor__body{flex:1;padding:0;overflow-y:auto}.onui-component-editor__section{border-bottom:1px solid var(--border);padding:12px 16px}.onui-component-editor__section.onui-component-editor__section--edit{border-bottom:none}.onui-component-editor__section-label{font-size:var(--text-sm);font-weight:var(--font-light);text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground);margin-bottom:8px}.onui-component-editor__form{flex-direction:column;gap:8px;display:flex}.onui-component-editor__textarea{border:1px solid var(--border);background:var(--background);width:100%;min-height:72px;color:var(--foreground);font-size:var(--text-base);resize:vertical;box-sizing:border-box;border-radius:8px;outline:none;padding:8px 12px;font-family:inherit;transition:border-color .15s}.onui-component-editor__textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary)20%,transparent)}.onui-component-editor__textarea:disabled{opacity:.6;cursor:not-allowed}.onui-component-editor__submit{background:var(--primary);color:var(--primary-foreground);font-size:var(--text-base);font-weight:var(--font-light);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;transition:opacity .15s;display:flex}.onui-component-editor__submit:hover:not(:disabled){opacity:.9}.onui-component-editor__submit:disabled{opacity:.5;cursor:not-allowed}.onui-component-editor__spinner{animation:1s linear infinite onui-spin}.onui-component-editor__data-binding{flex-direction:column;gap:6px;display:flex}.onui-component-editor__binding-row{align-items:center;gap:8px;display:flex}.onui-component-editor__binding-row.onui-component-editor__binding-row--top{align-items:flex-start}.onui-component-editor__binding-label{font-size:var(--text-sm);font-weight:var(--font-light);text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground);min-width:36px}.onui-component-editor__binding-value{font-size:var(--text-sm);color:var(--foreground);background:var(--muted);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;overflow:hidden}.onui-component-editor__api-info{flex-direction:column;gap:4px;display:flex}.onui-component-editor__api-name{font-size:var(--text-base);font-weight:var(--font-light);color:var(--foreground)}.onui-component-editor__api-description{font-size:var(--text-sm);color:var(--muted-foreground);line-height:1.4}.onui-component-editor__form-action{flex-direction:column;gap:6px;display:flex}.onui-component-editor__form-action-note{font-size:var(--text-sm);color:var(--muted-foreground);font-style:italic}.onui-component-editor__api-select{flex:1;min-width:0;position:relative}.onui-component-editor__api-select-trigger{width:100%;font-size:var(--text-sm);background:var(--muted);border:1px solid var(--border);cursor:pointer;color:var(--foreground);text-align:left;border-radius:4px;justify-content:space-between;align-items:center;gap:4px;min-height:28px;padding:4px 8px;font-family:inherit;display:flex}.onui-component-editor__api-select-trigger:hover{border-color:var(--ring)}.onui-component-editor__api-select-trigger.onui-component-editor__api-select-trigger--open{border-color:var(--ring);color:var(--muted-foreground);cursor:text;gap:6px}.onui-component-editor__api-select-trigger:disabled{opacity:.5;cursor:not-allowed}.onui-component-editor__api-search-input{min-width:0;font-size:var(--text-sm);color:var(--foreground);background:0 0;border:none;outline:none;flex:1;padding:0;font-family:inherit}.onui-component-editor__api-search-input::placeholder{color:var(--muted-foreground)}.onui-component-editor__api-select-placeholder{color:var(--muted-foreground)}.onui-component-editor__api-select-chevron{color:var(--muted-foreground);flex-shrink:0}.onui-component-editor__api-select-loading{font-size:var(--text-sm);color:var(--muted-foreground);align-items:center;gap:6px;padding:4px 0;display:flex}.onui-component-editor__api-dropdown{background:var(--popover);border:1px solid var(--border);border-radius:6px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.onui-component-editor__api-search{border-bottom:1px solid var(--border);color:var(--muted-foreground);align-items:center;gap:6px;padding:6px 8px;display:flex}.onui-component-editor__api-search input{font-size:var(--text-sm);color:var(--foreground);background:0 0;border:none;outline:none;flex:1;font-family:inherit}.onui-component-editor__api-search input::placeholder{color:var(--muted-foreground)}.onui-component-editor__api-options{max-height:200px;padding:4px;overflow-y:auto}.onui-component-editor__api-option{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;flex-direction:column;gap:2px;width:100%;padding:6px 8px;font-family:inherit;display:flex}.onui-component-editor__api-option:hover,.onui-component-editor__api-option.onui-component-editor__api-option--selected{background:var(--accent)}.onui-component-editor__api-option.onui-component-editor__api-option--clear{color:var(--muted-foreground);font-size:var(--text-sm);border-bottom:1px solid var(--border);border-radius:0;margin-bottom:4px;padding-bottom:8px;font-style:italic}.onui-component-editor__api-option.onui-component-editor__api-option--empty{text-align:center;color:var(--muted-foreground);font-size:var(--text-sm);padding:12px 8px}.onui-component-editor__api-option-main{font-size:var(--text-sm);align-items:center;gap:6px;display:flex}.onui-component-editor__api-option-method{font-size:var(--text-sm);font-weight:var(--font-light);background:var(--muted);color:var(--foreground);border-radius:3px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace}.onui-component-editor__api-option-path{text-overflow:ellipsis;white-space:nowrap;color:var(--foreground);flex:1;overflow:hidden}.onui-component-editor__api-option-desc{font-size:var(--text-sm);color:var(--muted-foreground);padding-left:2px;line-height:1.3}.onui-component-editor__field-mappings{flex-direction:column;gap:2px;display:flex}.onui-component-editor__field-mapping{font-size:var(--text-sm);align-items:center;gap:6px;display:flex}.onui-component-editor__field-mapping code{font-size:var(--text-sm);background:var(--muted);border-radius:3px;padding:1px 4px}.onui-component-editor__mapping-arrow{color:var(--muted-foreground);font-size:var(--text-sm)}.onui-component-editor__filters{flex-direction:column;gap:6px;display:flex}.onui-component-editor__filter-item{border:1px solid var(--border);background:var(--background);border-radius:6px;padding:6px 8px}.onui-component-editor__filter-item.onui-component-editor__filter-item--active{border-color:var(--primary);background:color-mix(in srgb,var(--primary)5%,var(--background))}.onui-component-editor__filter-header{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.onui-component-editor__filter-name{font-size:var(--text-sm);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-weight:var(--font-light);color:var(--foreground)}.onui-component-editor__filter-type{font-size:var(--text-xs);background:var(--muted);color:var(--muted-foreground);border-radius:3px;padding:1px 5px}.onui-component-editor__filter-required{font-size:var(--text-xs);background:color-mix(in srgb,var(--destructive)12%,transparent);color:var(--destructive);font-weight:var(--font-light);border-radius:3px;padding:1px 5px}.onui-component-editor__filter-active{font-size:var(--text-xs);background:color-mix(in srgb,var(--primary)12%,transparent);color:var(--primary);font-weight:var(--font-light);border-radius:3px;padding:1px 5px}.onui-component-editor__filter-desc{font-size:var(--text-sm);color:var(--muted-foreground);margin-top:3px;line-height:1.4}.onui-component-editor__output-actions{flex-direction:column;gap:8px;display:flex}.onui-component-editor__output-action{border-bottom:1px solid var(--border);flex-direction:column;gap:4px;padding:6px 0;display:flex}.onui-component-editor__output-action:last-child{border-bottom:none}
.onui-split-view{flex:1;min-height:0;display:flex;overflow:hidden}.onui-split-view__left{flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex;overflow:hidden}.onui-split-view__right{border-left:1px solid var(--border);background:var(--background);flex-direction:column;flex:none;min-height:0;display:flex;overflow:hidden}.onui-split-view>.onui-resizer{flex-shrink:0;width:6px;position:relative;inset:auto;transform:none}