.create-flow-picker{--create-flow-picker-surface:color-mix(in oklab, var(--color-kumo-canvas) 70%, transparent);--create-flow-picker-outline:var(--color-kumo-line,#ffffff17);--create-flow-picker-active-background:var(--color-kumo-base);--create-flow-picker-active-outline:var(--color-kumo-fill);--create-flow-picker-scrollbar-width:7px;--create-flow-picker-scrollbar-clearance:4px;gap:10px;min-width:0;display:grid;overflow-x:clip}.create-flow-picker button:not(:disabled),.create-flow-picker a:not([aria-disabled=true]){cursor:pointer}.create-flow-picker button:disabled,.create-flow-picker [aria-disabled=true]{cursor:not-allowed}.create-flow-picker-tabs{grid-template-columns:repeat(var(--create-flow-picker-tab-count,2), minmax(0, 1fr));border:1px solid var(--color-kumo-line);background:var(--create-flow-picker-surface);isolation:isolate;border-radius:9px;gap:4px;padding:4px;display:grid;position:relative}.create-flow-picker-tab-indicator{z-index:-1;width:calc((100% - (8px + (var(--create-flow-picker-tab-count,2) - 1) * 4px)) / var(--create-flow-picker-tab-count,2));border:1px solid var(--create-flow-picker-active-outline);background:var(--create-flow-picker-active-background);transform:translateX(calc(var(--create-flow-picker-tab-index,0) * (100% + 4px)));border-radius:6px;transition:transform .18s cubic-bezier(.2,.8,.2,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 1px 2px #0000002e}.create-flow-picker-tabs button{z-index:1;height:36px;color:var(--text-color-kumo-subtle);border-radius:6px;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex;position:relative}.create-flow-picker-tabs button[aria-selected=true],.create-flow-picker-tabs button[aria-pressed=true]{color:var(--text-color-kumo-strong)}.create-flow-picker-tabs button:focus-visible{outline:2px solid var(--color-kumo-brand);outline-offset:-2px}.create-flow-picker-tab-panel{min-width:0}.create-flow-picker-search{border:1px solid var(--color-kumo-fill);background:var(--create-flow-picker-surface);border-radius:6px;flex:0 0 44px;align-items:center;gap:8px;height:44px;padding:0 10px;transition:border-color .15s,box-shadow .15s;display:flex}.create-flow-picker-search:focus-within{border-color:var(--color-kumo-brand);box-shadow:0 0 0 2px color-mix(in oklab, var(--color-kumo-brand) 25%, transparent)}.create-flow-picker-search input{width:100%;min-width:0;color:var(--color-kumo-default);background:0 0;outline:none;font-size:13px}.create-flow-picker-search input::placeholder{color:var(--text-color-kumo-subtle)}.create-flow-picker-search>button{width:28px;height:28px;color:var(--text-color-kumo-subtle);border-radius:6px;flex:0 0 28px;justify-content:center;align-items:center;display:inline-flex}.create-flow-picker-search>button:hover{background:var(--color-kumo-fill);color:var(--text-color-kumo-default)}.create-flow-picker-results{color:var(--text-color-kumo-subtle);justify-content:space-between;align-items:center;gap:12px;margin:14px 0 8px;font-size:12px;font-weight:500;display:flex}.create-flow-picker-scroll-area{width:100%;height:min(296px,38vh);min-height:0;max-height:296px}.create-flow-picker-scroll-area [data-slot=scroll-area-viewport]{scrollbar-width:none;height:100%;min-height:0;max-height:100%;overflow:hidden scroll!important}.create-flow-picker-scroll-area [data-slot=scroll-area-viewport]::-webkit-scrollbar{display:none}.create-flow-picker-scrollbar{box-sizing:border-box;background:0 0;border-radius:999px;width:var(--create-flow-picker-scrollbar-width)!important;border:0!important;padding:0!important;right:0!important}.create-flow-picker-scrollbar [data-slot=scroll-area-thumb]{background:color-mix(in oklab, var(--color-kumo-fill) 70%, white);border-radius:999px;min-height:0;max-height:100%}.create-flow-picker-list{box-sizing:border-box;width:100%;min-width:0;padding-right:calc(var(--create-flow-picker-scrollbar-width) + var(--create-flow-picker-scrollbar-clearance));align-content:start;gap:6px;display:grid}.create-flow-picker-option{background:var(--create-flow-picker-surface);width:100%;min-width:0;max-width:100%;min-height:60px;box-shadow:inset 0 0 0 1px var(--create-flow-picker-outline);color:var(--color-kumo-default);text-align:left;border:0;border-radius:8px;align-items:center;gap:10px;padding:10px;text-decoration:none;transition:background-color .14s;display:flex;overflow:hidden}.create-flow-picker-option:hover:not([aria-pressed=true]):not([aria-disabled=true]){background:color-mix(in oklab, var(--color-kumo-fill) 48%, transparent)}.create-flow-picker-option[aria-pressed=true]{background:color-mix(in oklab, var(--color-kumo-brand) 12%, var(--create-flow-picker-surface));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-kumo-brand) 85%, var(--create-flow-picker-outline));color:var(--color-kumo-brand)}.create-flow-picker-option:focus-visible{box-shadow:inset 0 0 0 1px var(--create-flow-picker-outline), inset 0 0 0 2px var(--color-kumo-brand);outline:none}.create-flow-picker-option[aria-pressed=true]:focus-visible{box-shadow:inset 0 0 0 2px var(--color-kumo-brand)}.create-flow-picker-option-icon{background:var(--color-kumo-fill);border-radius:8px;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;overflow:hidden}.create-flow-picker-option-copy{flex:auto;min-width:0}.create-flow-picker-option-copy strong,.create-flow-picker-option-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.create-flow-picker-option-copy strong{color:var(--color-kumo-strong);font-size:.75rem;font-weight:600;line-height:1rem}.create-flow-picker-option-copy small{color:var(--text-color-kumo-subtle);margin-top:2px;font-size:.6875rem;line-height:.875rem}@media (prefers-reduced-motion:no-preference){.create-flow-picker-tab-panel[data-tab-direction=forward]{animation:.18s cubic-bezier(.2,.8,.2,1) both create-flow-picker-tab-forward}.create-flow-picker-tab-panel[data-tab-direction=backward]{animation:.18s cubic-bezier(.2,.8,.2,1) both create-flow-picker-tab-backward}}@keyframes create-flow-picker-tab-forward{0%{opacity:0;transform:translate(12px)}}@keyframes create-flow-picker-tab-backward{0%{opacity:0;transform:translate(-12px)}}@media (prefers-reduced-motion:reduce){.create-flow-picker-tab-indicator,.create-flow-picker-option{transition:none}}@media (forced-colors:active){.create-flow-picker-option{box-shadow:none;border:1px solid canvastext}.create-flow-picker-option[aria-pressed=true]{border-color:highlight}}