.skill-picker{--sp-primary: #6366f1;--sp-primary-hover: #4f46e5;--sp-primary-light: rgba(99, 102, 241, .1);--sp-border: #e5e7eb;--sp-border-focus: #6366f1;--sp-bg: #ffffff;--sp-bg-secondary: #f9fafb;--sp-text: #111827;--sp-text-secondary: #6b7280;--sp-text-muted: #9ca3af;--sp-radius: 8px;--sp-shadow: 0 4px 12px rgba(0, 0, 0, .1);font-family:inherit;width:100%}.skill-picker-green{--sp-primary: #059669;--sp-primary-hover: #047857;--sp-primary-light: rgba(5, 150, 105, .1);--sp-border-focus: #059669}.skill-picker-blue{--sp-primary: #2563eb;--sp-primary-hover: #1d4ed8;--sp-primary-light: rgba(37, 99, 235, .1);--sp-border-focus: #2563eb}.skill-picker-search{position:relative;margin-bottom:1rem}.skill-picker-search-input{width:100%;padding:.875rem 1rem .875rem 2.75rem;border:1px solid var(--sp-border);border-radius:var(--sp-radius);font-size:1rem;background:var(--sp-bg);color:var(--sp-text);transition:all .2s ease;box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:.875rem center;background-size:1.25rem}.skill-picker-search-input:focus{outline:none;border-color:var(--sp-border-focus);box-shadow:0 0 0 3px var(--sp-primary-light)}.skill-picker-search-input::-moz-placeholder{color:var(--sp-text-muted)}.skill-picker-search-input::placeholder{color:var(--sp-text-muted)}.skill-picker-search-results{position:absolute;top:100%;left:0;right:0;background:var(--sp-bg);border:1px solid var(--sp-border);border-radius:var(--sp-radius);box-shadow:var(--sp-shadow);max-height:320px;overflow-y:auto;z-index:100;display:none;margin-top:4px}.skill-picker-search-results.show{display:block}.skill-picker-result-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .15s ease;border-bottom:1px solid var(--sp-border)}.skill-picker-result-item:last-child{border-bottom:none}.skill-picker-result-item:hover,.skill-picker-result-item.selected{background:var(--sp-primary-light)}.skill-picker-result-icon{font-size:1.25rem;flex-shrink:0;width:32px;text-align:center}.skill-picker-result-content{flex:1;min-width:0}.skill-picker-result-name{font-weight:600;color:var(--sp-text);display:block;margin-bottom:.125rem}.skill-picker-result-path{font-size:.8rem;color:var(--sp-text-muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-picker-no-results{padding:1rem;text-align:center;color:var(--sp-text-muted);font-size:.9rem}.skill-picker-dropdowns{display:flex;flex-direction:column;gap:1rem}.skill-picker-dropdown-group{display:flex;flex-direction:column;gap:.375rem}.skill-picker-label{font-size:.875rem;font-weight:600;color:var(--sp-text)}.skill-picker-select{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--sp-border);border-radius:var(--sp-radius);font-size:.95rem;background:var(--sp-bg);color:var(--sp-text);cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem;box-sizing:border-box}.skill-picker-select:focus{outline:none;border-color:var(--sp-border-focus);box-shadow:0 0 0 3px var(--sp-primary-light)}.skill-picker-select:disabled{background-color:var(--sp-bg-secondary);cursor:not-allowed;opacity:.7}.skill-picker-selected{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;background:var(--sp-primary-light);border:1px solid var(--sp-primary);border-radius:var(--sp-radius)}.skill-picker-selected-label{font-size:.8rem;font-weight:600;color:var(--sp-primary);flex-shrink:0}.skill-picker-selected-value{flex:1;font-size:.9rem;color:var(--sp-text);font-weight:500}.skill-picker-clear{width:24px;height:24px;border:none;background:transparent;color:var(--sp-text-secondary);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .2s;flex-shrink:0}.skill-picker-clear:hover{background:#0000001a;color:var(--sp-text)}.skill-picker-loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--sp-text-muted)}.skill-picker-spinner{width:20px;height:20px;border:2px solid var(--sp-border);border-top-color:var(--sp-primary);border-radius:50%;animation:sp-spin .8s linear infinite;margin-right:.5rem}@keyframes sp-spin{to{transform:rotate(360deg)}}.skill-picker-dropdowns.horizontal{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.skill-picker.compact .skill-picker-search-input{padding:.625rem .875rem .625rem 2.25rem;font-size:.9rem}.skill-picker.compact .skill-picker-select{padding:.5rem .75rem;font-size:.875rem}.skill-picker.compact .skill-picker-label{font-size:.8rem}@media(prefers-color-scheme:dark){.skill-picker{--sp-border: #374151;--sp-bg: #1f2937;--sp-bg-secondary: #111827;--sp-text: #f9fafb;--sp-text-secondary: #d1d5db;--sp-text-muted: #9ca3af}.skill-picker-search-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E")}.skill-picker-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E")}}@media(max-width:640px){.skill-picker-dropdowns.horizontal{grid-template-columns:1fr}.skill-picker-result-path{font-size:.75rem}}