.er-bar { position: relative; margin: 6px 0; display: flex; flex-wrap: wrap; gap: 4px; align-items: center; }
.er-chip { display: inline-block; padding: 1px 8px; border: 1px solid #ccc; border-radius: 12px; background: #f7f7f7; color: #333; text-decoration: none; font-size: 13px; }
.er-chip:hover { background: #eee; text-decoration: none; }
.er-chip.er-mine { border-color: #628db6; background: #e5f0fa; }
.er-add { border: 1px solid #ddd; border-radius: 12px; background: #fff; color: #888; cursor: pointer; padding: 1px 8px; font-size: 13px; }
.er-add:hover { background: #f0f0f0; color: #333; }
.er-picker { position: absolute; z-index: 100; top: 100%; left: 0; width: 340px; max-height: 300px; overflow-y: auto; background: #fff; border: 1px solid #bbb; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,.2); padding: 6px; }
.er-search { width: 100%; box-sizing: border-box; margin-bottom: 4px; }
.er-cat-name { font-size: 11px; color: #888; margin: 4px 0 2px; }
.er-pick { border: 0; background: transparent; cursor: pointer; font-size: 20px; padding: 2px 3px; border-radius: 4px; }
.er-pick:hover { background: #e5f0fa; }
.er-none { color: #888; padding: 6px; }