.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}
@keyframes onui-modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes onui-modal-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes onui-modal-panel-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes onui-modal-panel-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(12px)scale(.97)}}.onui-editor-modal__backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;justify-content:center;align-items:center;padding:24px;animation:.2s forwards onui-modal-backdrop-in;display:flex;position:fixed;inset:0}.onui-editor-modal__backdrop--exit{animation:.2s forwards onui-modal-backdrop-out}.onui-editor-modal__panel{border-radius:var(--radius-lg,12px);background:var(--background);border:1px solid var(--border);flex-direction:column;width:520px;max-width:100%;max-height:calc(100vh - 48px);animation:.2s cubic-bezier(.16,1,.3,1) forwards onui-modal-panel-in;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000040}.onui-editor-modal__panel--exit{animation:.2s cubic-bezier(.16,1,.3,1) forwards onui-modal-panel-out}.onui-editor-modal__panel>.onui-component-editor{flex:1;min-height:0;max-height:calc(100vh - 48px)}