.tags-bar-root{background:var(--color-bg-card);border-bottom:1px solid var(--color-border);padding:10px 0}.tags-bar-inner{display:flex;align-items:center;gap:var(--space-3);min-width:0}.tags-bar-label{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.tags-scroll-wrapper{display:flex;align-items:center;position:relative;flex:1 1;min-width:0}.tags-scroll-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);background:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:50%;width:28px;height:28px;cursor:pointer;z-index:10;box-shadow:0 2px 6px rgba(0,0,0,.1);transition:all var(--ease-fast)}.tags-scroll-btn:hover{background:var(--color-accent);color:white;border-color:var(--color-accent)}.tags-scroll-btn.left{left:0}.tags-scroll-btn.right{right:0}.tags-bar-scroll{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px 14px;width:100%}.tags-bar-scroll::-webkit-scrollbar{display:none}.tag-pill{display:inline-flex;align-items:center;white-space:nowrap;background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:4px 12px;font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--ease-fast);text-transform:capitalize}.tag-pill:hover{background:var(--color-accent);color:white;border-color:var(--color-accent);transform:translateY(-1px);box-shadow:0 2px 6px rgba(255,51,85,.25)}