.record-picker{display:flex;flex-direction:column;border:2px solid hsl(var(--border));border-radius:12px;overflow:hidden;max-height:60vh;background:hsl(var(--background));border-left:none}.record-picker-header{padding:14px 16px;border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted) / .35)}.record-picker-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#ccfbf1;color:#0d9488;flex-shrink:0}.record-picker-search{position:relative;border-bottom:1px solid hsl(var(--border))}.record-picker-list{flex:1;overflow-y:auto;overscroll-behavior:contain;min-height:120px}.record-picker-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;border-top:none;border-left:none;border-right:none;border-bottom:1px solid hsl(var(--border));background:transparent;cursor:pointer;transition:background .12s ease;text-align:left;color:inherit;font:inherit}.record-picker-row:last-child{border-bottom:none}.record-picker-row:hover{background:hsl(var(--muted) / .5)}.record-picker-row:focus-visible{outline:2px solid #0d9488;outline-offset:-2px}.record-picker-row-selected{background:#f0fdfa}.record-picker-row-selected:hover{background:#ccfbf1}.record-picker-indicator{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid hsl(var(--border));flex-shrink:0;transition:border-color .12s ease,background .12s ease}.record-picker-indicator-active{border-color:#0d9488;background:#0d9488}.record-picker-indicator-dot{width:8px;height:8px;background:#fff}.record-picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;gap:8px}.record-picker-pagination{display:flex;align-items:center;justify-content:space-between;padding:6px 16px;border-top:1px solid hsl(var(--border));background:hsl(var(--muted) / .25)}.record-picker-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid hsl(var(--border));background:hsl(var(--muted) / .35)}.workflow-list{padding:20px 0}.workflow-list h2{font-size:1.5rem;margin-bottom:4px;color:var(--text)}.workflow-list .subtitle{color:var(--text-muted);margin-bottom:24px}.workflow-list.empty{display:flex;align-items:center;justify-content:center;min-height:400px}.empty-state{text-align:center}.empty-icon{font-size:4rem;display:block;margin-bottom:16px}.empty-state h2{margin-bottom:8px;color:var(--text)}.empty-state p{color:var(--text-muted)}.workflow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.workflow-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;cursor:pointer;transition:all .2s}.workflow-card:hover{border-color:var(--primary-hex);box-shadow:0 4px 12px #0000001a}.workflow-icon{font-size:2.5rem;margin-bottom:12px}.workflow-card h3{font-size:1.125rem;margin-bottom:8px;color:var(--text)}.workflow-description{color:var(--text-muted);font-size:.875rem;margin-bottom:16px}.workflow-card .run-btn{background:none;border:none;color:var(--primary-hex);font-weight:500;cursor:pointer;padding:0}.workflow-runner{max-width:800px;margin:0 auto}.runner-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.back-btn{background:none;border:1px solid var(--border);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.875rem;color:var(--text);transition:all .2s}.back-btn:hover{background:var(--bg)}.runner-header h2{font-size:1.5rem;color:var(--text);margin:0}.runner-start{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:48px;text-align:center;margin-bottom:24px}.workflow-desc{color:var(--text-muted);margin-bottom:24px;font-size:1rem}.run-btn{padding:12px 24px;background:var(--surface);border:1px solid var(--border);border-radius:8px;font-size:1rem;cursor:pointer;transition:background .2s;color:var(--text)}.run-btn:hover:not(:disabled){background:var(--bg)}.run-btn.primary{background:var(--primary-hex);color:#fff;border:none;font-weight:500}.run-btn.primary:hover:not(:disabled){background:var(--primary-dark)}.run-btn.primary.large{padding:16px 48px;font-size:1.125rem}.run-btn:disabled{opacity:.6;cursor:not-allowed}.retry-btn{margin-left:16px;background:none;border:none;color:var(--primary-hex);cursor:pointer;text-decoration:underline}.runner-error{background:var(--error-bg);color:var(--error);padding:16px;border-radius:8px;margin-bottom:24px}.runner-loading{text-align:center;padding:48px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary-hex);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.loading-note{color:var(--text-muted);font-size:.875rem;margin-top:8px}.runner-result{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.runner-result h3{margin-bottom:16px;color:var(--success)}.result-content{background:var(--bg);border-radius:8px;padding:16px;max-height:500px;overflow-y:auto}.result-text{white-space:pre-wrap;line-height:1.6;color:var(--text)}.result-json{font-family:Monaco,Menlo,monospace;font-size:.875rem;overflow-x:auto}.result-meta{color:var(--text-muted);font-size:.875rem;margin-top:16px}.result-actions{margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.result-empty{color:var(--text-muted);font-style:italic}
