.icon-picker-field{width:100%;position:relative}.icon-picker-control{align-items:center;gap:.5rem;display:flex}.icon-picker-trigger{background:var(--theme-input-bg,#fff);border:1px solid var(--theme-elevation-150,#e0e0e0);cursor:pointer;text-align:left;border-radius:4px;flex:1;justify-content:space-between;align-items:center;min-height:42px;padding:.625rem .75rem;font-size:.875rem;transition:border-color .15s;display:flex}.icon-picker-trigger:hover{border-color:var(--theme-elevation-300,#ccc)}.icon-picker-trigger:focus{border-color:var(--theme-success-500,#00a96e);box-shadow:0 0 0 2px var(--theme-success-100,#00a96e1a);outline:none}.icon-picker-selected{align-items:center;gap:.5rem;display:flex}.icon-picker-preview{width:20px;height:20px;color:var(--theme-text,#333)}.icon-picker-name{color:var(--theme-text,#333)}.icon-picker-placeholder{color:var(--theme-elevation-400,#999)}.icon-picker-chevron{width:16px;height:16px;color:var(--theme-elevation-400,#999);flex-shrink:0}.icon-picker-clear{border:1px solid var(--theme-elevation-150,#e0e0e0);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:.5rem;transition:all .15s;display:flex}.icon-picker-clear:hover{background:var(--theme-elevation-50,#f5f5f5);border-color:var(--theme-elevation-300,#ccc)}.icon-picker-clear-icon{width:16px;height:16px;color:var(--theme-elevation-500,#666)}.icon-picker-dropdown{z-index:100;background:var(--theme-bg,#fff);border:1px solid var(--theme-elevation-150,#e0e0e0);border-radius:4px;flex-direction:column;max-height:400px;margin-top:4px;display:flex;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.icon-picker-search{border-bottom:1px solid var(--theme-elevation-100,#f0f0f0);align-items:center;gap:.5rem;padding:.75rem;display:flex}.icon-picker-search input{color:var(--theme-text,#333);background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.icon-picker-search input::placeholder{color:var(--theme-elevation-400,#999)}.icon-picker-search-icon{width:16px;height:16px;color:var(--theme-elevation-400,#999);flex-shrink:0}.icon-picker-categories{border-bottom:1px solid var(--theme-elevation-100,#f0f0f0);flex-shrink:0;gap:.25rem;padding:.5rem .75rem;display:flex;overflow-x:auto}.icon-picker-categories::-webkit-scrollbar{height:4px}.icon-picker-categories::-webkit-scrollbar-thumb{background:var(--theme-elevation-200,#ddd);border-radius:2px}.icon-picker-category{border:1px solid var(--theme-elevation-150,#e0e0e0);color:var(--theme-elevation-600,#555);cursor:pointer;white-space:nowrap;background:0 0;border-radius:100px;padding:.375rem .75rem;font-size:.75rem;transition:all .15s}.icon-picker-category:hover{background:var(--theme-elevation-50,#f5f5f5)}.icon-picker-category.active{background:var(--theme-success-500,#00a96e);border-color:var(--theme-success-500,#00a96e);color:#fff}.icon-picker-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:.25rem;padding:.75rem;display:grid;overflow-y:auto}.icon-picker-item{cursor:pointer;aspect-ratio:1;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:.5rem;transition:all .15s;display:flex}.icon-picker-item:hover{background:var(--theme-elevation-50,#f5f5f5);border-color:var(--theme-elevation-150,#e0e0e0)}.icon-picker-item.selected{background:var(--theme-success-100,#00a96e1a);border-color:var(--theme-success-500,#00a96e)}.icon-picker-item-icon{width:20px;height:20px;color:var(--theme-text,#333)}.icon-picker-empty{text-align:center;color:var(--theme-elevation-400,#999);grid-column:1/-1;padding:2rem;font-size:.875rem}.icon-picker-load-more{background:var(--theme-elevation-50,#f5f5f5);border:none;border-top:1px solid var(--theme-elevation-100,#f0f0f0);width:100%;color:var(--theme-elevation-600,#555);cursor:pointer;flex-shrink:0;padding:.625rem;font-size:.8rem;transition:background .15s}.icon-picker-load-more:hover{background:var(--theme-elevation-100,#eee)}