.icon-picker-trigger{background:var(--color-bg-input);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;font-family:inherit;line-height:1;transition:border-color .15s,background .15s;display:inline-flex}.icon-picker-trigger:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-secondary)}.icon-picker-trigger:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.icon-picker-trigger:disabled{cursor:not-allowed;opacity:.6}.icon-picker-trigger--md{width:44px;height:38px;font-size:20px}.icon-picker-trigger--sm{width:34px;height:30px;font-size:15px}.icon-picker-value.is-empty{opacity:.45}.icon-picker-panel{gap:var(--space-2);width:316px;padding:var(--space-3);background:var(--color-bg-elevated);color:var(--color-text-primary);flex-direction:column;display:flex}.icon-picker-search-row{gap:var(--space-2);align-items:center;display:flex}.icon-picker-search{min-width:0;font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-input);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);flex:1;padding:6px 10px;font-family:inherit}.icon-picker-search:focus{border-color:var(--color-border-focus);outline:none}.icon-picker-clear{font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;flex-shrink:0;padding:6px 8px;font-family:inherit}.icon-picker-clear:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.icon-picker-scroll{overscroll-behavior:contain;max-height:264px;overflow-y:auto}.icon-picker-group+.icon-picker-group{margin-top:var(--space-3)}.icon-picker-group-title{z-index:1;margin:0 0 var(--space-1);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);background:var(--color-bg-elevated);padding:2px 0;position:sticky;top:0}.icon-picker-grid{grid-template-columns:repeat(8,1fr);gap:2px;display:grid}.icon-picker-cell{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex}.icon-picker-cell:hover{background:var(--color-bg-hover)}.icon-picker-cell:focus-visible{border-color:var(--color-border-focus);background:var(--color-bg-hover);outline:none}.icon-picker-cell.is-selected{background:var(--color-accent-muted);border-color:var(--color-accent)}.icon-picker-empty{margin:var(--space-4) 0;text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}@media (width>=1280px){.icon-picker-panel{width:344px}.icon-picker-grid{grid-template-columns:repeat(9,1fr)}.icon-picker-scroll{max-height:288px}}@media (width>=1728px){.icon-picker-panel{width:372px}.icon-picker-grid{grid-template-columns:repeat(10,1fr)}.icon-picker-scroll{max-height:340px}}